CSS基础

CSS 规则两个部分构成：选择器+声明；声明由属性和值组成，属性和值用冒号分开。
声明以分号结尾
元素选择器 ：页面上所以元素。
id选择器：选择对应ID的元素，#开头
class选择器，.开头。表示同一类元素。
<!--内部样式表；可以有多个。style标签只能放在head内部-->
<!-- 外部样式表（引用样式），可以提取网页的公共样式放在外部样式表。
将结构和表现分离，便于维护-->
<!--内联样式表（属性样式），键值对形式。多个样式用分号隔离。。。。不易于维护-->
多种样式同时作用于元素时，如果有同种属性，采用就近原则。不重复的属性
层叠为一套最终样式作用于元素身上。
浏览器把HTML变为domtree,此时没有任何样式。整合CSS后对视图渲染。
ID选择器对于一个ID能且只能使用一次，不能合并使用；ID不能以数字开头
类选择器（class）也不能以数字开始；
ID和类名字可以相同。
某些元素有同样的CSS样式，采用选择器分组，元素用逗号分隔。
同一个style标签或者同一个外部文件中，ID选择器优先级高于类选择器；
类选择器优先级高于元素选择器。
属性选择器 a[name=user]{
}

a代表元素名，不写表示选择所有带有指定属性元素；=后面内容可加上""。

[]可以并列多个，选择同时具体多项属性的元素。

只选择某个元素的子元素，请使用子元素选择器（Child selector）。
相邻兄弟选择器：选择紧接在另一个元素后的元素，而且二者有相同的父元素
伪类用于向某些选择器添加特殊的效果

区别：
块级元素独占一行，后面无法在放其他内容；多用来布局。
行级元素（行内标签，内联标签）共享空间，后面可以继续放内容；使用行级元素来排版。
块级元素支持高和宽设置；行级元素高和宽由内容决定。
块级元素常作为容器，可以容纳其他行级元素和块级元素；行级元素一般用来组织内容，
即用来排版文字、图片、超链接等内容。

块级元素：div,p,h*,hr,table,ul,ol,form,等
行级元素：a,span,label,input,textarea,br(换行),img

外边距重叠：在一个方向如果设置多个外边距，会取最大值。
如果父类没有边框，设置margin-top会将外边距传递到父类。