1/5
文档分类:IT计算机

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


下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

特别说明:文档预览什么样,下载就是什么样。

下载所得到的文件列表
CSS命名规范 电脑基础知识 IT计算机 专业资料.doc
文档介绍:
CSS命名规范_电脑基础知识_IT计算机_专业资料.doccss命名规范
一、 引言 2
1.1目的 2
1.2 CSS编写注意事项 2
二、 CSS命名规范 2
2.1文件命名规范 2
2.2公用样式申明: 2
2.3框架架样式类名命名规范 3
2.4样式类别命名规范 4
2.5模块或文档命名规则 4
2.6色彩、字体、字号等命名规则 5
三、 代码规范 5
HTML 代码 5
CSS 错误!未定义书签。
按住CTRL并单击目录可直接定位

引言
1.1目的
1 .制订本规范的目的是使css规范化、统一化。
页面制作人员必须严格遵守此规范。
本规范随时根据需要修订,请注意版本号的变化。当前为1.0版。
1.2 CSS编写注意事项
在编写html的时候同时带上class属性;
无css样式时,可让css保留空白;当样式完成后,能直接看到效果,基本不用修改 htmlo
二、CSS命名规范
2.1文件命名规范
当公用样式、框架样式内容不是很多时,整站全局样式、公共样式写在同一个CSS上, 命名为global.css (常用,一般都写一个上就ok);
当公用样式、框架样式内容很多时,可以分为两个css文件,一个文档类的公用样式可以 命名为doc.css; 一个为框架样式为global.css;
2.2公用样式申明:
公用样式需保留部分,当然可以进行适当修改使用(比如字体、文字大小、颜色等): 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) 统一行高、字体大小、字体
2.3框架架样式类名命名规范
global.CSS公用样式,以下是线框结构颜色(红框为class为wrap)
top
header
nav
left middle right main
mainLt right
left mainRt footer
top:顶部模块(顶部横条用
内容来自淘豆网www.taodocs.com转载请标明出处.