耐心地学习CSS，掌握好CSS的本质原理后，你将会发现原来CSS真的很好玩。
学习CSS最好的方法就是 不断地做，不断地想，不断地实践。
CSS特点：
修饰页面文本、图片等页面元素，避免使用不必要的HTML元素。 更有效地控制页面结构、页面布局。 提高开发和维护效率。
CSS的简写：
颜色的缩写：#RRGGBB ?? 缩写成 #RGB。 单位值的省略：当数值为0时，可省略单位。 内外边距的简写：根据上右下左的顺时针方向，有4种简写方式。 边框的简写：border: -width || -style || -color。 背景的简写：background: -color || -image || -repeat || -attachment || -position 字体的简写：font: -style || -variant || -weight || -size || /line-height || -family 列表的简写：list-style: -image || -position || -type
CSS选择符：
标签选择符：E(html标签) ID选择符：#className 类选择符：.className 通配符选择符：* 包含选择符：又称派生或后代选择符，作用于元素的后代元素。 子选择符：又称子对象选择符，作用于元素的子元素，用“>”连接选择符(IE7+)。 相邻选择符：作用于元素的相邻的下一个元素(线性结构中的直接后驱)，用”+“连接选择符(IE7+)。 属性选择符：E[attr]、E[attr=“value”]、E[attr~=“value”]、E[attr|=“value”]、E[attr^=“value”] 选择符的组合关系：针对性使用类选择符或ID选择符、选择符群组、选择符组合。
伪类：
用来指定一个或者多个与其相关的选择符的状态( IE6/7支持部分)。其形式为：选择符:伪类 {属性:属性值;}。
如：a:link{}、a:visited{}、a:hover{}、a:active{}。
伪类可使页面增加更多交互效果，而不必去使用过多的javascript来辅助实现。
伪对象：
指在html的文档指定的信息之外，创建文档的额外信息( IE6/7支持部分)。其形式：选择符:伪对象 {属性:属性值;}。
如：p:before {content: “4月1日”}。
CSS层叠样式表的特色在于“层叠”，所谓 层叠 即表示CSS样式表会根据选择符的使用而将样式相互叠加或者覆盖。
网页定义的4种样式：
html：表示在html中是使用的样式。 作者：表示CSS文件的编写者。 用户：指浏览器网页的用户所设置的样式。 浏览器：指浏览器默认样式。
CSS样式采用的优先顺序：
标有!important关键字声明的属性。 html中的CSS样式属性。 作者编辑的CSS文件样式属性。 用户设置的样式。 浏览器默认的样式。
选择符优先级积分：
标签选择符、伪类及伪对象：优先级积分为1。 类选择符、属性选择符：优先级积分为10。 ID选择符：优先级积分为100。 style属性：优先级积分为1000。 其他选择符，如通配符选择符等：优先级积分为0。
对于 !important关键字的使用一定要谨慎，切勿随便使用，避免产生不必要的问题。
内嵌样式表 ，一般应用在访问量比较大的页面 减少对服务器的http请求数而减少对服务器的负担。
缺点是如果需要修改，那就只能对页面进行修改， 且无法利用浏览器缓存特性。
由于浏览器最后解析@import，这样很容易导致IE6的闪屏或者在打开页面的过程中无样式，直到页面加载完毕后才会加载样式的现象出现，因此 不建议使用@import。
主要内容区域
查看更多关于《CSS那些事儿》读书笔记_html/css_WEB-ITnose的详细内容...