1、标签比如是块状元素，并且有个确定的宽度，百分比的宽度也行；padding的话, 设置成auto它会自动继承浏览器的padding值，因为有些奇葩浏览器是默认有padding值的，为了避免这个对样式造成影响，样式开头一般会加上一句*{margin:0padding:0}。
2、自适应，一般是自适应屏幕大小，比如我们的电脑、手机都有很多不同尺寸的屏幕，那么做出来的页面就要兼容这种尺寸的变化，而不会让布局错乱。
3、一般PC端布局样式是用百分比，不过移动端的话，因为对css3的兼容性非常好，所有要达到自适应，可以用css3来布局，当然还有比较流行的响应式布局。
4、层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
5、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
/* 打印样式 */
@media print {
color: red
}
/* 手机等小屏幕手持设备 */
@media screen and (min-width: 320px) and (max-width: 480px) {
body {
background: yellow
}
}
/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width: 321px) and (max-width: 1024px) {
body {
background: blue
}
}
/* PC客户端或大屏幕设备: 1028px 至更大 */
@media only screen and (min-width: 1029px) {
body {
background: green
}
}
/* 竖屏 */
@media screen and (orientation:portrait) and (max-width: 720px) {对应样式}
/* 横屏 */
@media screen and (orientation:landscape){对应样式}
手机、平板设备屏幕尺寸众多，宽度不一，写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活，如果你css不熟练的话最好先别折腾这块，把基础练好了来。
还有，用了css媒体查询后，ie6-8载入不了样式表，要引用个：Respond.js来让ie6-8下正确载入css。js自行百度，到处有下载。
