CSS命名规范 电脑基础知识 IT计算机 专业资料.doc

CSS命名规范_电脑基础知识_IT计算机_专业资料.doccss命名规范
一、 引言 2
2
CSS编写注意事项 2
二、 CSS命名规范 2
2
： 2
3
4
4
、字体、字号等命名规则 5
三、 代码规范 5
HTML 代码 5
CSS 错误！未定义书签。
按住CTRL并单击目录可直接定位
引言

1 .制订本规范的目的是使css规范化、统一化。
页面制作人员必须严格遵守此规范。
本规范随时根据需要修订，请注意版本号的变化。。
CSS编写注意事项
在编写html的时候同时带上class属性；
无css样式时，可让css保留空白；当样式完成后，能直接看到效果，基本不用修改 htmlo
二、CSS命名规范

当公用样式、框架样式内容不是很多时，整站全局样式、公共样式写在同一个CSS上， （常用，一般都写一个上就ok）；
当公用样式、框架样式内容很多时，可以分为两个css文件，一个文档类的公用样式可以 ； ;
：
公用样式需保留部分，当然可以进行适当修改使用（比如字体、文字大小、颜色等）： body{ marginzOpx; padding :0px; borderzOpx; font-size :12px;
font-family:"宋体"；background:#fff;}
body, div, dl, dt, dd, ul, li, hi, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, textarea, blockquote,p{ margin: 0; padding: 0; line-height:24px;}
img{ borderzOpx;}
a{ text-decoration :none; color:#333;}
a:hover（ text-decorationzunderline; color:#f00;}
ul,dl{ list-style:none;}
table { border-collapse: collapse; border-spacing: 0;
border-collapsezcollapse; empty-cell:show;}
备注：这里清楚一些本身所带的样式结构、统一样式；
1）比如清除掉H标签的字体大小；
2） a标签只在鼠标经过的时候才有下划线；
3） 图片边框为0
4） Table、p、button 标签没边距
5） 统一行高、字体大小、字体

，以下是线框结构颜色（红框为class为wrap）
top
header
nav
left middle right main
mainLt right
left mainRt footer
top：顶部模块（顶部横条用于补充、快捷导航或说明文字，可有可无）
header：头