大型门户站命名应用原则.pdfVIP

大型门户站基础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效果文件

XXXXstyle存放所有频道页面所涉及到的样式和样式表；

频道页文件夹存放所有该频道下的子页面；

7.注释。

页面和样式表里面容易，或比较重要的样式，框架样式都应写注释

页面内注释格式为

!header为开始

!//header