大型门户站 css样式命名和应用原则

1.CSS属性应用原则。原则1:首页DIV最小块级单位须设置高度;子页可能添加资料的DIV块不应设置高度;原则2:css样式继承关系必须控制在三层以内;原则3: 对于浮动所产生的IE6BUG,在全局样式里面应定义.clear{clear:both;height;0px; overflow: hidden;}原则4:所有页面文件的编码格式统一为:UTF-8;

2.CSS命名规范。全局样式 base.css 指所有页面通用的样式,或者公共块的样式;首页样式 index.css频道页面样式 channel.css详细页面样式 detail.css如果有特殊单独页面样式,可另取样式命。

3.页面框架结构保留字。页面容器:#wrapper页面头部:#header页面中心内容:#maincontent页面底部:#footer横向方位容器1:main,side横向方位容器2:leftframe,midframe,rightframe横向分段容器:section,field,column盒子内容属性:contentbg盒子上方属性:topbg盒子下方属性:bottombg盒子左边属性:leftbg盒子右边属性:rightbg

4.导航保留字。导航:nav主导航:mainnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:submenu下拉菜单:dropmenu快速菜单:quickmenu

5.功能保留字。列表:list标题:title摘要:intro内容:text按扭:btn搜索:search登陆:login注册:regsiter提示信息:msg小技巧:tips图标: icon滚动:scroll

6.根目录文件夹命名存放方式。例如:总网站文件存放于F盘web下;Web下 应该包含images存放所有网站直接插入的图片;imagestemp存放所有网站直接插入,但后期一定被程序替换的图片。imagesad存放网站所有的广告图片;styleimages存放公共或单独页面样式所涉及的样式图片;存放公共样式表或单独页面样式表;include存放网站所有的包含页面;js存放网站所有的JS效果文件XXXX频道页文件夹style存放所有频道页面所涉及到的样式图片和样式表;存放所有该频道下的子页面;

7.注释。页面和样式表里面 容易混淆,或比较重要的样式,框架样式 都应写注释

页面内注释格式为 ————————–为开始 ————————–为结束

样式表内注释格式为:/*XXXX 样式开始*/

/*XXXX 样式结束*/

大型门户站 css样式命名和应用原则

相关文章:

你感兴趣的文章:

标签云: