大部分定义根据项目需求定制，并不适合每个网站，提出一种思路，抛砖引玉。
1，主要兼容MOZ & IE6。好多年不用IE5.x了，而且也没测试环境，工作和自己项目都已不考虑IE5；
2，定义名主要采用单字母识别。主要是自己使用，减少代码，语意描述显然不是很好；
3，大量采用包含选择符增加定义重用，定义写法上重复都为合写，可读性同样不是那么好；
4，链接部分定义适用于触发不换色，只增加下划线；
欢迎提出意见，不断更新
代码模式浏览：
语言定义
常被忽略，但我总喜欢加上
@charset “gb2312”;
全局宏观定义
html,body标签，以及MOZ的模块兼容
html,body { margin:0 auto; font:12px Arial,Helvetica,sans-serif,宋体; line-height:180%;TEXT-ALIGN: center; overflow-x:hidden; color:#000;}
body>table,body>div { margin-left:auto; margin-right:auto; clear:both;} /* M0Z */
全局微观定义
各容器和表单，主要控制文字、图片
div,tr,th,td,ul,li,img,form,h2,h3,h4 { font:12px Arial,Helvetica,sans-serif,宋体; margin:0; padding:0; border:0; color:#000; overflow:hidden;}
table,td,li { LIST-STYLE-TYPE: none; word-break:break-all; Width:fixed; line-height:180%; border:0;}
input,select,textarea { color:#000; font:12px Arial,Helvetica,sans-serif,宋体;}
<
您可能感兴趣的文章:
