CSS及简单的网页布局

CSS的三大特性：层叠、继承、优先级

CSS层叠性：指多重CSS样式的叠加，是浏览器处理冲突的一个能力，如果一个属性通过两个相同的选择器设置到同一个元素上，这时一个属性就会将另一个属性层叠掉。

CSS继承性：指书写CSS样式时子标签会继承父标签的某些样式，想要设置可继承的属性只需要将它应用与父元素即可。

CSS优先级：出现两个或多个规则应用在同一元素上就会出现优先级问题。

盒子模型：盒子模型、浮动、定位

所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，每个矩形都由元素的内容、内边距、边框和外边距组成。

每个盒子除了有它自己的大小和位置外，还影响着其他盒子的大小和位置。

盒子边框（border）

语法：

border: border-width  ||   border-style  ||   border-colo

设置边框样式（border-style）常用属性值如下：

none：没有边框（默认值）

solid：边框为单实线

dashed：边框为虚线

dotted：边框为点线

double：边框为双实线

表格的细线边框

table{border-collapse:collapse}

border-collapse:collapse：表示边框合并在一起

圆角边框

语法格式：  border-radius : 左上角  右上角  右下角  左下角;

 

内边距(pad