html+css前端编码规范

1、HTMLCSS32012-05-08 HYPERLINK l _bookmark1 HYPERLINK l _bookmark1 HYPERLINK l _bookmark2 HYPERLINK l _bookmark3 HYPERLINK l _bookmark4 HYPERLINK l _bookmark5 HYPERLINK l _bookmark6 HYPERLINK l _bookmark7 HYPERLINK l _bookmark8 HYPERLINK l _bookmark9 HYPERLINK l _bookmark10 HYPERLINK l _bookmark11 HYP

2、ERLINK l _bookmark12 HYPERLINK l _bookmark13 HYPERLINK l _bookmark14 HYPERLINK l _bookmark15 HTML CSS 编码规范任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风 格统一、代码维护和扩展。由于 web 项目开发的分散性、独立性、整合的交互性等，所以 定制一套完整的约定和规则显得尤为重要。CSS 样式文件的命名简历样式表文件时看，分类编写样式到下列样式表文件中，并统一放在【CSS】文件夹里：文字样式题要表格普通样式(全局，文字)链接框架布局 CSS 选择符的命名所有选

3、择符必须有小写英文字母或“_ ”下划线组成，必须以字母开头，不能为纯数字。为 找样式的时间。样式名必须是表示样式的大概含义(禁止出现如Div1、Div2、Style1. )， 参考下面的“样式命名参考”。对 CSS 选择器的使用只允许派生选择器、类选择器和属性选择器，以及它们的组合使用， 严禁使用 ID 选择器(ID 是用于javascript 的编写)。td.fancy inputtype=text当定义的样式名比较复杂时用下划线把层次分开，dcrm_logo_ico头 部容 器底 部滚动页面主体主导航顶导航标签页子导航权菜单子菜单列 表list子菜单内容侧 边 栏志搜索广告页面中部表格巧列

4、 定 义 入题title注册南钮状态服务投票注释友情链接friendlink提示信息注意：命名方式使用“类别_功能”的方式( .bar_news .bar_product)。Id 和 class 的区别 Id名字，如果一个屋子有2 个人同 会出现混淆。 vvCSS 的优先级 不需要重复定义可继承的值CSS 中，子元素自动继承父元素的属性值，像颜色、字体等，已经在父元素中定义过的，在 但是要注意，浏览器肯用一些默认值覆盖你的定义。多重 CSS 样式定义，属性追加重复最后优先原则 先定义两个样式.onewidth:200px;background:url( HYPERLINK /1.jpg /1.

5、jpg) no-repeat left top;.twoborder:10px solid #000; background:url(/2.jpg) no-repeat left top;在页面代码中，可以这样调用：width:200px;idbackground:url( HYPERLINK /2.jpg /2.jpg) no-repeat left top;原 据页面上应用的名字顺序，而是样式表里的样式顺序。导入(Import)和隐藏 CSS HTMLCSS3 CSS 链接规范s / 代码较长的首页和重要栏目首页可直接内嵌CSS，避免调用事件太长，使页面未及时调 按照顺序写) 便于自己和他

6、人阅读。CSS hack 法都是最安全的JS 调用规范所有的javascript 脚本尽量采用外部调用HTML+CSS 页面布局 的名必须是有意义的名字。如下面的代码：HTNL 代码书写规范的 HTML 代码书写必须符合 XHTML 规范，XHTML 可以被所有的支持 XML 的设备读 取，同时在其余的浏览器升级至支持XML 之前， XTHML 是我们有能力编写出拥有良好结构的文档，这些文档可以很好地工作于所有的浏览器，并且可以向后兼容。 XHTML 与 HTML 的不同： t ，而的直接子元素只能为和才可以放其它标签。此外相类似的标签有： 字体规范 黑体字或者宋体字加粗时，一般选用 11pt 和 14.7px 的字号比较合适。pt页面采用弹出方式，标题及正文字体规定为 义 。图片的分类及命名规则，例如