《
CSS技巧教程 css书写技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333N2013.htm
比方我个人就喜欢写在一行，由于每排写一行会让全部文档感到太长了，找起来不便利。假如你喜欢写一行，然而发给team的另一个，他却爱好每排一行，那怎么办？实在很简单，把css拿去w3c验证，它会有一份成果，会主动转换成每排一行。
<,CSS技巧总结;body> <div id="wrapper"> <div id="header"><!--end #header--> <,CSS技巧之圆角背景与三角形;div id="container"> <div id="content"> ,css技巧之PDF、ZIP、DOC链接的标注; </div><!--end #content--> <div id="sidebar"> </div>,CSS技巧 模块化编码;<!--end #sidebarr--> </div><!--end #container--> <div id="footer"> </div>!<--end #footer--> </div>,CSS找bug的口诀秘籍;<!--end #wrapper--> </body>
理由是这样可以更好的找到某个属性。个人感到还好，差异也不是太大。不外兴许会合适你。
1. CSS Reset/重置
3,CSS打造超炫进度条、柱状图. 更好的组织css结构
你也许须要先懂得什么是css重置。然后怎么样写css重置呢。
这个我不太看懂。大略懂得是对html的标记弄好后再写css会比拟不轻易犯错。好比我写一个页面，先写一个最基础的标记结构
不要无意思的去探讨到底一个挑选器的所有属性写在一行，仍是每个属性写一行比较好。你自己认为ok就好。
div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; ,CSS打造经典鼠标触发显示选项; line-height: 24px; margin-right: 48px; position: relative,css我们真的走的太远了吗; z-index: 101; }
不按字母次序排的
按字母顺序排的
应用css解释来分给css分组，这样构造明了，也有利于协同设计。
5. 先标志后css
4. 坚持一致性
2. 按字母顺序来排列css
--> [
网站建设之]CSS技巧教程:css书写技巧
而后就是尽量善用子抉择器，而不是一要给哪个元素进行款式化，就给它增加个取舍器。
不要使用* { margin: 0; padding: 0; } 。我个人很爱用，原作者提到使用这句并不实用一些元素比如单选按钮。不过俺博客里面也没有单选按钮，如果有，又从新给单选按钮重设就好了嘛。
nettuts带来的5个css书写技能，简略翻译一下它的核心思维。
你能够copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应当依据你的名目改成你本人的reset.
/*****Reset*****/ xxxxxxx{xxxxx} xxxxx{xxxxx} /*****layouts*****/ xxxxxxx{xxxxx} xxxxx{xxxxx}
div#header h1 { z-index: 101; color: #000; position: relative; line-height: 24px; margin-right: 48px; border-bottom: 1px solid #dedede; font-size: 18px; }
Tag：技巧 书写 教程 技巧 书写 教程
iv#header { float: left; width: 100%; } div#header div.column { border-right: 1px solid #ccc; float: rightright,CSS必须要知道的10个技巧; margin-right: 50px; padding: 10px; width: 300px,CSS必知高级语法; } div#header h1 { float: left; position: relative; width: 250px; }
(责任编辑：网站建设)
CSS技巧教程 css书写技巧相关文章