CSS复习总结（4）

本周学到CSS盒模型，设置CSS块级元素的时候可以将最外边界看做一个盒子，而我们设置的边界（border）则可以看做盒中的内容物，盒子到边界之间的距离是margin，边界之内的距离是padding，即填充距离，一个元素的真实大小=margin+border+padding+width，块状元素如果不设置宽度则自动显示为父元素容器的100%，元素的宽度、高度、行高、顶边距和底边距都可以设置，每个块级元素都从新的一行开始，一个块级元素独占一行。

内联元素也可以通过设置具有块状元素的特点，即内联块状元素，代码display:inline-block; 加上块状标签之后就可以像设置块状元素一样设置内联元素。在html中，常见的内联元素有<span>,<a>,<em>,<strong>,<label>  如果不加块状元素标签，那么元素的宽高就是它所包含元素的宽度和高度，不可改变。当然，块状元素也可以通过标签display:inline;转化为内联元素。

盒子模型的边框可以自由设置，在此整理一下常用的表达方法。

边框样式：solid（实线）,dashed（虚线）,dotted（点线）.

边框宽度：thin（细）,medium（中）,thick（粗）.【但大多还是用px表示】

边框颜色为#+十六进制颜色

块状元素的位置可以通过position来调整。位置分为绝对定位（absolute）、相对定位（relative）和固定定位（fixed）三种。区别在于绝对定位是相对于父元素或浏览器窗口移动，而相对定位是相对于元素之前的位置移动，原来的位置保持不变。absolute和relative组合使用可以弄出【相对于其他元素进行定位】的效果。而fixed是对于网页本身的位置移动，视图是固定的，不会随上下翻动而改变位置。