美化网页 - 把 html 打扮的漂亮一些，布局更自由丰富一些 选择器： 基础选择器： 标签选择器; 选择某部分标签 比如可以选择所有的 div 标签 所有的 p 标签 p { color: red;} 把所有的 p 颜色改为红色 类选择器; 选择一个或者多个标签 .demo { color: red;} 我们声明了一个类名为 demo 的类 <div class="demo"></div 可以重复使用很多很多次 用方法和类相同 #demo { color: red;} 我们声明了一个类名为 demo 的类 <div id="demo"></div> 通配符选择器 样式表分类（位置）： 行内式： <div style="color:red;" ></div> 内嵌式： <head> <style></style></head> 外部式： 结构和样式相分离 字体： font-weight 字体加粗 strong b h 文本： text-align 让盒子里面文本或行内块元素水平居中对齐 text-indent 首行缩进 例： text-indent:2em; 首行缩进 2 个字 text-decroation 文本的修饰 none 取消下划， underline 添加下划线 复合选择器 交集选择器 h3.class 既有 h3 标签的特点，又有 class 标签的特点 链接伪类选择器 a:link/visited/hover/active 用于给链接添加特殊效果（其他标签也可是使用） 标签显示模式 块级元素（ block ）：独占一行可以设置宽度，高度等如果没有设置宽度，继承父元素的宽度，不继承高度里面可以放任何其他元素，（文字类块级元素不可以） 行级元素 (inline) ：不单独占一行，可以设置宽高等，里面只能放文字或者其他行内元素内容多大，宽高有多少 块级行元素 (inline-block) ：可以一行显示多个，（默认中间会有缝隙）；默认宽度是本身的宽度；可以设置宽高等 模式转换 display 背景： 背景颜色： background-color:color 默认值是 transparent, 透明的 背景图片： background-image: url( 图片地址 ) 背景平铺： background-repead ： repead/no-reapead/repead-x/repead-y 默认是 repeat 背景位置： background-position:x y ， x:left/right/center/ 像素值 默认值是 centery:top/bottom/center/ 像素值 默认值是 center ， x 在前， y 在后 背景附着 :background-attachment:scroll/fixed 默认值是 scroll 背景简写 :background: color url( 图片地址 ) repeat scroll x y 背景透明（ css3):background:rgba(0,0,0,0.1) （控制单一颜色的透明度）最后一位取值在 0-1 之间，可以省略 0 ， opacity: 控制整个元素和它的子元素的透明度（ css3 ） 层叠性：相同权重的重复样式，后面的会覆盖面前的（长江后浪追前浪，前浪死在沙滩上） 继承性：子元素会继承父元素的样式， font-,text-.line-,color 优先级：权重计算公式，通配符 0> 标签选择器 1> 类选择器 10>id 选择器 100> 行内样式表 1000> ！ important ∞。权重可以叠加，不会进位，继承权重最小，小于通配符。 | 
