css书写格式汇编.doc

css文件书写格式 1.尽量将样式写在一个单独的css文件里面，在head里面去引用 1)实现了内容与样式的分离， 2）减少了页面的体积 3）css文件可以被缓存，重用，维护成本低 (注意：css文件只加载一次，重新刷新页面时会在缓存里面找) 影响css文件的加载速度 建议选择器乔涛不要超过三层 .head .logo .txt{} 可以写成 .head .logo_txt{} div?class=head div?class=logo div?class=logo_txt/div /div /div 优点： 减少css文件的大小，提高页面的加载性能，浏览器解析更加高效，提高开发人员的开发效率，降低维护成本。 常见的集成样式属性： color.font-size.font-family等 不可集成： position,display,float等 Div+CSS命名规范 （一）窗体 头：header　　 内容：content/Container　　 尾：footer　　 导航：nav　　 侧栏：sidebar 栏目：column　　 页面外围控制整体布局宽度：wrapper　　 左右中：left right center 登录条：loginbar　　 标志：logo　　 广告：banner　　 页面主体：main　　 热点：hot 新闻：news　　 下载：download　　 子导航：subnav　　 菜单：menu 子菜单：submenu　　 搜索：search　　 友情链接：friendlink　　 页脚：footer 版权：copyright　　 滚动：scroll　　 内容：content　　 标签：tags 标签页：tab 文章列表：list　　 提示信息：msg　　 小技巧：tips　　 栏目标题：title 加入：joinus　　 指南：guild　　 服务：service　　 注册：regsiter 状态：status　　 投票：vote　　 合作伙伴：partner (二)css注释的写法: 　　 /* Footer */ 　　内容区　　/* End Footer */ Html注释的写法 ：!--header头部-- (三)id的命名: (1)页面结构　　 容器: container　　 页头：header　　 内容：content/container 　　 页面主体：main　　 页尾：footer　　 导航：nav 　　 侧栏：sidebar　　 栏目：column　　 页面外围控制整体布局宽度：wrapper 　　 左右中：left right center (2)导航　　 导航：nav　　 主导航：mainnav　　 子导航：subnav 　　 顶导航：topnav　　 边导航：sidebar　　 左导航：leftsidebar 　　 右导航：rightsidebar　　 菜单：menu　　 子菜单：submenu 　　 标题: title　　 摘要: summary (3)功能　　 标志：logo　　 广告：banner　　 登陆：login　　 登录条：loginbar 　　 注册：register　 搜索：search　　 功能区：shop 　　 标题：title　　 加入：joinus 　 状态：status　　 按钮：btn 　　 滚动：scroll　　 标签页：tab　　 文章列表：list　　 提示信息：msg 　　 当前的: current　　 小技巧：tips　　 图标: icon　　 注释：note 　　 指南：guild　 服务：service　　 热点：hot　　 新闻：news 　　 下载：download　　 投票：vote　　 合作伙伴：partner 　　 友情链接：link　　 版权：copyright (四)class的命名: ?(1)颜色:使用颜色的名称或者16进制代码,如　　 .red { color: red; } 　　.f60 { color: #f60; } 　　.ff8600 { color: #ff8600; } (2)字体大小,直接使用’font+字体大小’作为名称,如　　 .font12px { font-size: 12px; } 　　.