全国服务热线:4008-888-888

技术知识

撰写CSS的5个小窍门让你的款式更标准

1. 按字母次序来排序css
不按字母次序排的:

拷贝编码
编码以下:

div#header h1 {
z-index: 101;
color: #000;:
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}

按字母次序排的:

拷贝编码
编码以下:

div#header h1 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}

理由是这样的:能够更好的寻找某个特性。
2. 更好的机构css构造
应用css注解来给css排序,这样构造明了,也是有利于协作设计方案。
/*****Reset*****/
xxxxxxx{www.sytm.net}
xxxxx{xxxxx}
/*****layouts*****/
xxxxxxx{www.sytm.net}
xxxxx{xxxxx}
3. 维持1致性
不必不经意义的去探讨究竟1个挑选器的全部特性写在1行,還是每一个特性写1行较为好。假如你就喜爱写在1行,由于每排写1行会让全部文本文档觉得过长了,找起来不便捷。可是发给team的另外一本人,他却喜爱每句排1行,那如何办?实际上很简易,把css拿去w3c认证,它会有1份結果,会全自动变换成每排1行。
4. 先标识 后css
对html的标识弄好后再写css会较为不可易错误。例如写1个网页页面,先写1个最基础的标识构造<body>

拷贝编码
编码以下:

<div id="wrapper">
<div id="header"><!--end #header-->
<div id="container">
<div id="content">
</div><!--end #content-->
<div id="sidebar">
</div><!--end #sidebarr-->
</div><!--end #container-->
<div id="footer">
</div>!<--end #footer-->
</div><!--end #wrapper-->
</body>

随后便是尽可能善用子挑选器,而并不是1要给哪一个元素开展款式化,就给它加上个挑选器。
5. CSS Reset/重设
你能够copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应当依据你的新项目改为你自身的reset.
* { margin: 0; padding: 0; }这句其实不可用1些元素例如单选按钮,但是有单选按钮就再次给单选按钮更改就行了嘛。


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服