CSS规则由两个主要的部分:选择器,以及一条或多条声明
可以对选择器进行分组,被分组的选择器可以分享相同的声明.只需用都好讲需要
分组的选择器隔开
派生选择器(标签用空格隔开):通过依据元素在其位置的上下文关系来定义样式
ID选择器(以#号显示):可以用做派生选择器
类选择器(以一个点号显示):可以用做派生选择器
声明:由属性和值组成
css属性:
background-color: ; 设置背景色
background-image:url(); 插入背景图
background-repeat: repeat-x/repeat-x/no-repeat 图像的水平/垂直/不平铺
background-position属性
改变图像在背景中的位置可以使用以下值
top、bottom、left、right 和 center,长度值也可以使用百分数值
长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。
background-attachment 属性 默认值是 scroll 背景会随文档滚动
fixed 值声明图像相对可视区为固定的
CSS文本
text-indent 属性实现文本缩进。
text-align :left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中
word-spacing 属性可以改变字（单词）之间的标准间隔
letter-spacing 属性字母间隔修改的是字符或字母之间的间隔。
text-transform 属性处理文本的大小写
属性值
默认值 none 对文本不做任何改动，
uppercase 和 lowercase 将文本转换为全大写和全小写字符。
capitalize 只对每个单词的首字母大写。
text-decoration 属性文本装饰
none 会关闭原本应用到一个元素上的所有装饰
underline 会对元素加下划线
overline 会在文本的顶端画一个上划线
line-through 则在文本中间画一个贯穿线
blink 会让文本闪烁，
font-family属性定义文本系列
font-style 属性最常用于规定斜体文本
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
font-variant:small-caps 属性可以设定小型大写字母
font-weight 属性设置文本的粗细。
font-size 属性设置文本的大小。
表格:
vertical-align 属性设置垂直对齐方式，比如顶部对齐、底部对齐或居中对齐
border: 1px solid blue 设置表格实线
border-collapse 属性设置是否将表格边框折叠为单一边框：
值:collapse折叠
padding:15px; 内边距
CSS模型:
CSS模型:规定了元素框处理元素内容,内边距,边框和外边距的方式
元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。
CSS边框:元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。
CSS外边距:围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。
CSS定位机制有三种分别:普通流,浮动和绝对定位
相对定位:设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留
注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框
绝对定位:设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，
包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框
，而不论原来它在正常流中生成何种类型的框。
浮动:浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止
通过 float 属性实现元素的浮动,要想阻止行框围绕浮动框，需要对该框应用 clear 属性
是 left、right、both 或 none，它表示框的哪些边不应该挨着浮动框。clear 属性的值可以
图像透明度 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。
