小白必知HTML+CSS编写规范

一、文档规范

1.HTML和CSS文档必须采用UTF-8(不包括Unicode签名BOM)编码格式;

2.HTML和CSS文档换行符必须采用UNIX/LINUX的换行编码LF(/n);

3.HTML文档必须使用HTML5的标准文档格式;

二、编写规范

1.HTML和CSS的标签、属性、类名、ID都必须使用小写字母;

2.HTML和CSS的属性、类名、ID命名必须具有语义化;

3.HTML代码必须保持文档结构清晰,必须合理的进行代码缩进;

4.CSS文件禁止样式表内引用CSS文件;

5.CSS编写格式,样式代码保持一行,多个选择器同一个规则必须换行,如图1;

6.CSS样式表格分为3个级别:系统级(以lib开头)、模块级(以m开头)、页面级(以p开头);

7.修改系统级和模块级的文件必须经过前端主管审批;

8.模块级的样式必须以“m”开头,例如头部模块应该命名为:mheader;

9.一个模块一个或多个CSS文件,禁止两个或以上模块使用同一个CSS文件;

10.页面级的样式必须以“p”开头、或者外层以p开头,例如:p_goodslist、p_goodslist .name;

11.页面级的样式如因特殊原因需要针对这个页面进行对模块级的样式进行重置的时候,须将重置样式写在最顶部;

12.除系统级文件外,禁止其他页面级和模块级的CSS文件进行系统的样式重置操作,模块级和页面级也禁止直接重置系统级的样式;

13.ID命名规则:如果用于JS操作需添加”js”前缀,如果用于CSS需依据CLASS的命名规则(不建议用ID做样式选择),如果用于模板操作需添加”tpl_”前缀;

本文来自企鹅号 - 网页设计自学平台媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏河湾欢儿的专栏

探究 css touch-action 属性

今天在写vue项目的时候碰到一个 Unable to preventDefault inside passive event listener due to ...

16510
来自专栏埋名

svgtofont.js 自动生成图标字体和彩色图标文件

一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体,导入到项目中使用。

86740
来自专栏coding

引用第三方样式库实现动画

animate.css是一个能渲染出炫酷效果的css库,只需引用该css库,在相应的元素上加上class类名,即可实现。

8610
来自专栏互联网杂技

Chrome 35个开发者工具的小技巧【动态图演示】

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具。大多数可能熟...

32040
来自专栏Nian糕的私人厨房

jQuery 动态绑定

这是在项目过程中所遇到的一个问题,给 JS 动态生成的元素绑定事件失效,代码如下所示:

30530
来自专栏技术墨客

React中的模式对话框 转

在16.x版本之后React提供了Protals功能来解决模式对话框不在Dom根节点导致的一些BUG。除了Protal还有更多的方法去解决这些问题,本文来自Da...

9730
来自专栏蓝天

常用vim设置

    \ if line("'\"")>0&&line("'\"")<=line("$") |

12140
来自专栏王二麻子IT技术交流园地

《跟我学IDEA》五、快捷键(编码利器)

上一篇博文,我们学习了idea的一些模版配置,但是只有模版是不行的,一款编辑器如何能为我们灵活的使用,快捷键的功劳不用多说大家也明白。今天我们就来学习快捷键的配...

34260
来自专栏每日一篇技术文章

微信小程序_04 数据绑定

74120
来自专栏lgp20151222

IntelliJ IDEA光标变粗 backspace无法删除内容解决方法

1K10

扫码关注云+社区

领取腾讯云代金券