大型网站CSS的管理

刚进公司,发现公司网站的CSS管理不合理,而且显得很凌乱,因此制作一个CSS标准供大家作为参考: 规范css是为了增强网站样式表的使用效率和扩展性。 一，几个特殊样式： 1. index.css（首页特有样式） 2. global.css（全局样式，定义body以及font等等） 3. form.css（定义表单样式，特殊表单样式可在表内用名称区别开） 4. link.css (对于所有链接的样式以后都放在这个文件夹) 5. print.css（打印样式,这个可根据现在网站的需要决定） 二，5个区块样式： header.css（头部样式） top.css（头部分样式,主站不涉及到此样式,但是IBOX会有） main.css（主要内容部分） sidebar.css（侧边栏） sidebar2.css（侧边栏2,这个主要为首页有左中右三列布局时会用到,一般很少涉及） footer.css（脚部，版权信息等） 三，其它： 登录注册，内容页面，频道页面等有时会使用不同头部或脚部样式，可在区块基础上创建新样式，命名规则为：区块-频道名称.css. （例如：内容页面的头部可命名为：header-content.css） 例: Ibox代码分析: <body> <!--header--> <div id="header"> <iframe src="header.htm" scrolling="no" height="100" width="983" frameborder="0"></iframe> </div> <div id="top"> <iframe src="top.htm" scrolling="no" height="100" width="983" frameborder="0"></iframe> </div> <!--main--> <div id="main"> <!--sidebar--> <div id="sidebar"> <iframe src="left.htm" scrolling="no" width="215" height="1120" frameborder="0"></iframe> </div> <div id="content">content</div> </div> <!--footer--> <div id="footer"> <iframe src="footer.htm" scrolling="no" height="150" width="983" frameborder="0"></iframe> </div> </body> http://www.xieguang133.com/

posted on 2009-08-07 14:10  xieguang133  阅读(181)  评论(0)    收藏  举报

导航