标签:
这个链接有规范的html 描述:http://nec.netease.com/standard
相关链接:
1. http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5%91%BD%E5%90%8D%E5%87%86%E5%88%99%E6%96%B9%E6%B3%95/
css宗旨:精简高效的CSS命名的关键字有“分离”,“统一前缀”,方法为“面向属性的命名”,准则为“无层级、无标签”。其中,“分离”是“面向属性命名”的基础。“面向属性命名”和“无层级、无标签”属于两个不同的系列,一个针对短命名属性,一个针对长命名属性。但是,两个又互相依存
以下是各地摘抄节选
1.
将结构(markup)、表现样式(style)和行为动作(script)分开处理,尽量使三者之间的关联度降到最小,这样有利于维护
2.
每次缩进使用4个空格不要使用Tab
.example {
color: blue;
}
<ul>
<li>Fantastic</li>
<li>Great</li>
</ul>
3.
<!--
后空一格,在-->
前空一格<!-- This is a one line comment -->
<p>This is a comment</p>
<!--
This comment is require more than one line, so we should use block-style indented text
-->
4.
width
和height
,提升页面加载速度img
添加alt
属性(页面加载出错提示)gif
文件5
.展现内容分离
无论你是否使用框架,99%的展现设计应该在stylesheets中,以下几点应避免去做:
<div style="border: 1px">
<p>
来代替<br>
来对内容换行<em>
和<strong>
,用css来控制<i>
和<b>
,HTML5不赞成使用6.
CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
作者:词晖三层结构:
第一层一般是浏览器默认样式重置文件、栅格系统等基础样式;第二层一般是基于基础框架开发的通用模块样式或主题;第三层一般是针对网页布局、根据具体情况书写的或对通用模块进行覆盖的样式。
标签:
原文地址:http://www.cnblogs.com/Spring-Rain/p/5514751.html