h5(html5)+css3前端笔记五
盒子模型
网页布局本质
- 网页布局过程
- 先准备好相关的网页元素，网页元素基本都是盒子Box。
- 利用CSS设置好盒子样式，然后摆放到相应位置。（重点就是利用css摆盒子）
- 往盒子里装内容。
盒子模型组成
所谓盒子模型:就是把 HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器
CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括:边框、外边距、内边距、和实际内容
边框
border : border-width || border-style || border-color
/* border-style 边框的样式 solid 实线边框 dashed 虚线边框 dotted 点线边*/
复合写法：
border: 1px solid red;没有顺序