5提示与技巧如何优化你的CSS
在本文中我们会发现,如何优化Css.This非常简单和基本技巧的网络设计和开发。 不仅将这些提示有助于减少文件大小你的CSS文件,但它们也会加速您的编码,如果你喜欢做一些你的CSS的手。
1 。 使用CSS速记
前经过p ( ; 保证金顶 : 5px ; ; 缘右 : 10px ; ; 保证金底 : 外边距 ; ; 缘左 : 20px ; )10px 15px 20px ; } p (利润率: 5px 10px外边距20px ; )
2 。 消除不必要的空白
前经过width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } 。总结 (宽度: 900px ;身高: 100 % ;利润率: 0px ;填充: 0px ; 背景颜色 : # cccccc ; )width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } 。总结 (宽度: 900px ;身高: 100 % ;利润率: 0px ;填充: 0px ; )
3 。 使用速记颜色
Longhand十六进制颜色指定为三个红,绿,蓝三胞胎,就像这样:
: #fdca30 ; } p ( 颜色 : # fdca30 ; )
您可以省略的颜色有相同的值为每对,就是# rrggbb ; ,只有一个价值每对,所以这一点:
: #ffcc00 ; } p ( 颜色 : # ffcc00 ; )
成为本,使用十六进制速记符号:
: #fc0 ; } p ( 颜色 : # fc0 ; )
命名颜色可以减轻维修,但他们一般都长于其速记十六进制现金等价物(除红,谭) 。
4 。 使用后代选择符
color :red ; }股利。警告 p (颜色:红色 ; )
5 。 使用CSS CompressTools
如果你不想浪费您的时间在改变旧的样式表可以简单地使用在线的CSS压缩工具,它使您的工作在几秒钟内
检查此网络的CSS压缩工具...
整洁的CSS
清洁的CSS
优化器的CSS
Flumpcakes的CSS优化
cssdrive的CSS Comperasor
W3C的CSS验证器
相关文章:
如果你喜欢阅读本文,请参阅其他有关条款如下:




















































提交评论