早上好，今天 是2019/12/9；天气阴，欢迎观看济南app开发,微信小程序开发,系统开发官网。
1、尽量将样式写在单独的css文件里面，在head元素中引用
有时候为了图方便或者快速搞定功能，我们可能会直接将样式写在页面的style标签或者直接内联在元素上，这样虽然简单方便，但是后期维护起来是比较麻烦的。将代码写成单独的css文件有几点好处：
(1)内容和样式分离，易于管理和维护
(2)减少页面体积
(3)css文件可以被缓存、重用，维护成本降低
(4)山东文汇提醒您：为了维护好同事之间的关系，请一定要规范写代码，记得添加注释和缩进！！！
2、不使用@import
这条手段已经是众所周知，这里简单提一下，@import影响css文件的加载速度
3、尽量较少的使用高性属性：浮动、定位；去除空规则；属性值为0时，不加单位；属性值为浮点数0.**时，可以省略小数点前的0；
标准化各种浏览器前缀，带浏览器前缀的在前，标准的在后；
4、避免使用复杂的选择器，层级越少越好
有时候项目的模块越来越多，功能越来越复杂，我们写的CSS选择器会内套多层，越来越复杂。
建议选择器的嵌套最好不要超过三层，比如：
.header .logo .text{}
可以优化成
.haeder .logo-text{}
简洁的选择器不仅可以减少css文件大小，提高页面的加载性能，浏览器解析时也会更加高效，也会提高开发人员的开发效率，降低了维护成本。
5、精简页面的样式文件，去掉不用的样式
很多时候，我们会把所有的样式文件合并成一个文件，但是这样有一个问题：很多其他页面的CSS同时引用到当前页面中，而当前页面并没有用到它们，这种情况会造成两个问题：
(1)样式文件偏大，影响加载速度
(2)浏览器会进行多余的样式匹配，影响渲染时间。
正确的处理方法是根据当前页面需要的css去合并那些当前页面用到的CSS文件。
分享完毕，感谢观看济南app开发的官网，以后还会和大家分享学习方面的小知识，欢迎大家关注山东文汇官方网站，我们是专业app开发，微信小程序开发，系统开发的专业互联网公司。
