位置:设计主页 > 网站制作 > CSS教程 >

常用CSS2基本定义例子

来源:设计前沿收集 作者: 时间:2006-05-21 09:00
 

  大部分定义根据项目需求定制,并不适合每个网站,提出一种思路,抛砖引玉。

  1,主要兼容MOZ & IE6。好多年不用IE5.x了,而且也没测试环境,工作和自己项目都已不考虑IE5;
  2,定义名主要采用单字母识别。主要是自己使用,减少代码,语意描述显然不是很好;
  3,大量采用包含选择符增加定义重用,定义写法上重复都为合写,可读性同样不是那么好;
  4,链接部分定义适用于触发不换色,只增加下划线;

  欢迎提出意见,不断更新 

代码模式浏览:http://vision.webidea.com.cn/blog/article.asp?id=96

语言定义
常被忽略,但我总喜欢加上

@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,宋体;}