css:.div1{宽度：600px;高度：200px；边框：1px实心#aaa；边距：0自动；}.div2{宽度：50px；边距：20px；边框：1px纯红色；height:50px;}效果：2.重置css样式，避免浏览器不同对于不能默认样式带来的麻烦，重置css样式无疑是最好的选择。*{保证金：0；填充：0；box-sizing:border-box;}3.所有元素都设置为Border-boxbox-sizing属性有两个值：content-box（默认）：-内容的实际大小。排除所有填充和边框值。border-box：填充和边框包含在元素的宽度或高度中。例如，如果一个元素设置为：width:100px；box-sizing：border-box，则其总宽度为100px，包括：padding和border。4.用破折号命名当类或ID包含多个单词时，应使用连字符(-)。CSS不区分大小写，因此不能使用驼峰命名。同样，下划线连接的命名方式在CSS中也不推荐。5.不要重复设置。善用继承风格，去除大量重复代码。6.使用transform属性创建动画最好使用transform()函数创建元素的位移或大小动画，尽量不要直接改变width、height和left/top/bottom/right属性值元素的。7、注意选择器id>.class>el8的权重。谨慎使用!important，因为!important的权重最高，可以覆盖所有样式9.em、rem和pxem——设置元素为1em，其大小与父元素的font-size属性相同有关的。该单元用于媒体查询，特别适合响应式开发。但是由于em单位在每一层都是相对于父元素计算的，所以有时需要获取子元素的em单位对应的px值。很麻烦。rem-相对于元素的字体大小计算，rem可以很容易地统一更改页面上所有标题和段落的文本大小。px-像素单位是最准确的，但不适合响应式设计。px单位可靠且易于理解，我们可以精细地控制高达1px的元素的大小和移动。大型项目使用预处理器，例如Sass、Less、PostCSS、Stylus和其他css预处理器。它们提供诸如变量、CSS函数、选择器嵌套和许多其他使CSS代码更易于管理的很酷的功能，尤其是在大型项目中。11、压缩CSS文件网页最关心的是加载速度，压缩文件无疑是更好的方式。