ch15 CSS基础知识

CSS最初只包含颜色、背景、文字等相关属性，发展到可以使用样式表结构，再到CSS3，发展突飞猛进

CSS可精确定位到页面上的各个元素，让其根据设计者的要求进行编排、展示。
统一替换样式、分离页面的表示层与结构层、减少页面大小、加快页面加载速度

CSS与浏览器的关系：

不同厂家、不同版本浏览器，对于同一个页面元素解析的结果可能存在差异。
Firefox在设置padding后，div会增加height和width，但IE不会，所以需要用!important多设置一个height和width
台式、笔记本、ipad和手机上浏览器也有差异

基本CSS选择器

• 标记选择器
• 类别选择器   .类别名  定义
• ID选择器     #ID名  定义
• 复合选择器
  
  • 交集选择器（必须一个是标记选择器，第二个必须是类别选择器或者ID选择器，两个选择器之间不能有空格，定义的时候必须连续书写，如div.green{.........} ）
  • 并集选择器（任何形式的选择器都可以，多个选择器用逗号分隔，如： h2, .red, #green { .......} )
  • 后代选择器（对嵌套的HTML元素，使用后代选择器：外层标记写在前面，内层标记写在后面，定义时标记之间使用空格分隔）
    

CSS的继承特性

并不是所有的CSS属性都可以继承。
文本相关、列表相关、颜色相关等是继承的。

CSS的层叠特性

多个选择器作用于同一个元素时，发生重叠，CSS按照一定的原则处理。
如果不冲突，没问题。但冲突了时，要按照选择器的优先级让元素应用优先级高的样式。