CSS文档优化
2018-06-24 01:53:18来源：未知 阅读 ()
首先了解下CSS的渲染逻辑，它是从标记的最后一位开始搜索的，例如：.myclass li a，首选它会遍历所有的<a>，然后看哪些<a>之前有<li>，然后再看哪些<li>之前有.myclass。
所以：1、层级太多会增加CSS渲染的工作量。
如下：
除此之外，还有哪些可以优化的呢？
2、图中样式的每个属性独占一行，行数越多，文件的大小就越大，而且找起来也不好找，进入疯狂的滚轮模式。
3、很长很长的链式定位，.myclass li a span，让不熟悉的同事要不断切换html与css文档找到所影响到的元素，影响工作效率。建议更多的采用带明确含义的clss。
4、一些常用的属性可以抽离，正常团队工作中，前端与设计会在设计阶段至开发前沟通好一些通用的样式，例如：字体、标题风格等等。还有一些我们会常用到的，例如：各种定位、清除浮动属性等。
以下是优化过的文档：
当然，在项目体量比较小的时候，效率提升不会怎么明显。不过更多的好处在于后续维护时的效率，毕竟，作为一名技术，工作的目的也是为了提高公司的收益，开源节流，这就是节流的地方了。
欢迎交流指点
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
