css|概要与标准简介
- March 17th, 2009
- Write comment
CSS 指层叠样式表 (Cascading Style Sheets)， 实现了内容与表现分， 极大的提高了实现效率， 并支持多层重叠。 重叠的优先级（由高到低）是 内联样式（在 HTML 元素内部），内部样式表（位于 <head> 标签内部），外部样式表， 浏览器缺省设置。
Index 索引
索引是更好的帮助我们或者他人来了解网站 还有你css的内容。 基本格式如下
Index of css
Anchors 锚点
锚点就像css种的书签， 因为css种没有锚点系统。 所以我们可以用下面的方式来定义锚点
anchors definition
Classitis 重定义
重定义用于从新定义某个class里面的元素的style
classitis
Naming Convention 命名规则
尽量给出准确清晰的名字， 避免混淆， 为了更好的理解 css的内容。
命名规则
Shorthand 速写
尽量保持代码简洁短小
保持简洁短小
Sprites
把所有的背景图（不同的action时候的变化， 比如hover）放在一个图片中，在点击的时候只是位置的变化， 这样就可以减少对http的请求次数。
sprites , apple menu
Specificity 明确性
specificity
Resets 重置
全局属性重置确保一个网站在所有浏览器中显示几乎一样。在每一个案例中，不同的浏览器给所有网站使用它们自己的默认样式设置集，这将使我们的网站在不同的浏览器中显示不一样。全局属性重置将改正这种情况并让你从绝对一致的基础开始建立网站。 总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset
或者你自己编写的重置代码，只要使用就对了。
它能很简单的移除所有元素的填充（padding）和边距（margin）：
- html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
- pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
resets
Hacks
浏览器兼容性而引发的。。为了保证不同的浏览器看起来是差不多 我们或许会用的css hacks
hacks
Validation 验证
The W3C Validator has been a very popular online tool that validates CSS.
Css 属性的书写顺序
为了快速的找到我们需要的熟悉， 如果有一个很好的属性排序，就可以很快速的找到。
之前看到有人写按字母排序， lifesinger 在他的blog里面也提过这个问题。 这个并没有一个固定的标准 不同的人 有不同的书写习惯。lifesinger给出了他的分类方式， 个人觉得还是很容易理解跟记住的 先记下来 试试看。
- 影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）
- 自身盒模型的属性（比如：width, height, margin, padding, border等）
- 排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）
- 装饰性属性（比如：color, background, opacity, cursor等）
- 生成内容的属性（比如：content, list-style, quotes等）
——————————
学习完毕 继续代码
reference：
1. http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices
n178