DIV+CSS-----盒子模型

目录

一、DIV标签

二、盒子模型的属性

三、CSS3增加的新属性

一、DIV标签

块级标签(容器)，在没有设置高度、宽度属性时，和p标签相似(会自动换行)。作为容器可以包含其他标签。（注：p、span虽然是块级标签,但是不能作为容器使用）

二、盒子模型的属性

以下是用盒子作为页面的布局时会用到的属性

1、宽度：width

2、高度：height

3、边框属性：

border-style	边框线的样式（默认全包，可以给值上、下、左、右、半包）
border-width	边框的宽度，单位是像素
border-color	边框的颜色
综合设置	border：线型 线宽 颜色
border-radius	表示的是圆角边框，取值为像素值或百分比

4、内边距（内填充）

padding-top	上填充
padding-right	右填充
padding-bottom	下填充
padding-left	左填充

eg：

padding: 10px;   /*四边的内边距都是10px*/ 
padding: 25px 10px;   /*上下内边距斗士25px，左右内边距都是10px*/ 
padding: 10px 5px 3px;   /*上边的内边距都是10px 左右的内边距为5