HTML+CSS编写规范大全.docx
15 浏览量
2022-10-29
09:50:18
上传
评论
收藏 216KB DOCX 举报
HTML+CSS 编写规范
在任何一个项目或者系统开发之前都需要定制一个开发约定和规则， 这样有利于
项目的整体风格统一、代码维护和扩展。由于 Web 项目开发的分散性、独立性、
整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。
第一节 CSS 样式文件的命名
建立样式表文件时，分类编写样式到下列样式表文件中，并统一放在【CSS】文
件夹里：
主要
main.css
文字样式
font.css
表格
table.css
主题
themes.css
打印
print.css
补丁
mend.css
在项目初期， 会把不同类别的样式放于不同的 CSS 文件， 是为了 CSS 编写和调试
的方便， 在项目后期会为了网站性能上的考虑会整合不同的 CSS 文件到一个 CSS
文件，必要时可压缩。
第二节 CSS 选择符的命名
所 有选择符必须有小写英文字母或“_ ”下划线组成， 样式名必须是表示该样式
的大概含义(禁止出现如 Div1、div2、Style1„„)，参考后面的“样 式命名
参考”。 对 CSS 选择器的使用只允许派生选择器、 类选择器和属性选择器， 以及
它们的组合使用，严禁使用 ID 选择器(ID 是用于 JavaScript 的编写)。
如：li span {„}td.fancy {„}input[type="text"]{„}
当定义的样式名比较复杂时用下划线把层次分开，比如：dcrm_logo{ „}
dcrm_logo_ico{„}
第三节 图片的命名与书写
图片的命名原则小写英文字母名称放在头尾两部分，用“_ ”下划线隔开，头部
表示此图片的大类性质例如广告、标志、菜单、按钮等等； 尾部表示图片的概念。
设计人员在 PS 中保存图片时，请使用“文件”à“存储为 Web 和设备所用的格
式”。
广告 banner 标志 logo
剩余17页未读，继续阅读
评论0