>>返回顶部
WEB前端代码标准化规范
web2.0标准
“web”标准时一系列标准的总称,(误区:把web标准说成div+css);准确的说法:采用W3C推荐的WEB标准中XHTML1.1结合CSS2.0样式制作页面。
使用web2.0的好处:
a.节约运营成本(宽带流量);
b.人成本工(修改方便);
c.用户友好性(包括普通用户;搜索引擎;手机、PDA、媒体机等设备)
CSS的编写原则
Css语言算不上程序语言,但是程序语言的命名规则为css所用
- 样式名称首字母统一为小写,不能为数字、下划线及特殊符号;
- 样式名尽量语义化或简写;
- 减少div的嵌套层数;
- 给图片上加上alt属性,给重要的元素和截断的元素加上title;
- 非特殊情况下要表现和内容分离,代码中不要涉及任何表现元素(eg:style font);
- 样式拼写顺序:
a) 显示与定位: display position float list-style
b) 元素自身: width height margin padding border background
c) 文本外观: color font line-height text-align text-decoration other
Eg:.text{float:left;width:950px;margin:10px;background:#fff;color:#333;} - 继承样式定义,多级关系可省略多级父级元素名称,会少包含最外层父级元素名称,独立碎片除外; <

本文介绍了WEB前端代码标准化规范,特别是CSS的编写原则。遵循web2.0标准可以节约运营成本、降低人工成本并提高用户友好性。CSS命名应全小写、语义化,避免过多的div嵌套,并合理设置alt和title属性。样式拼写顺序注重显示定位、元素自身属性和文本外观。同时,文章提到了不同浏览器的hack定义顺序以及背景属性的缩写方式。
274

被折叠的 条评论
为什么被折叠?



