1.div元素
特点：在布局中使用，是一个块状元素，在网页中呈现一个透明块；默认情况下无高度；随内容高度改变而改变。
<style>
.ac{
width="X"
height="X"
}
</syle>
...
<div class="ac">XXX</div>2.盒子模型
盒模型是css布局的基础，规定了网页元素如何显示以及元素间的相互关系，拥有盒子一样的外形和平面空间。包含边框(border)、内边距（padding）、内容（content）、外边距（margin），这就是盒模型。
①边框（border）
设置边框线性样式：
border-top-style 上边框 border-bottom-style 下边框
border-right-style 右边框
border-style 四条边框同时设置
边框线性样式属性：none无边框、solid实边、dashed虚线、dotted点状、double双边线框
边框颜色：
border-color: rgb(0-255红,0-255绿,0-255蓝);
border-color: pink;
单边框用法同上边框粗细：
border-width: 100px;
单边框用法同上border属性简写：
border:宽度、线性、颜色；
border: 4px solid red;单边框简写：
border-top: 1px none red;②内容（content）
宽高组成的一个区域
width：数值+单位；
height：数值+单位；
注：0值可以不用带单位
③内边距（padding）
概念：页面中一个元素内容到元素边框的距离，也称补白。
用法:调整内容在容器中的位置关系。padding值是额外加在元素原有大小上的，要想保证元素的大小不变，需要从元素宽高上减掉后添加padding值。
写法：
单独设置某方向上的padding值：
padding-right: 22px;
right可根据需要更改为left、top、bottom简写设置一个值：
padding: 20px; 上下左右内边距同时设置简写设置两个值：
padding: 20px 12px; 前者代表上下内边距，后者代表左右内边距。简写设置三个值
padding: 12px 20px 10px;
第一个值代表上为12px，第二个值代表左右为20px，第三个值代表下为10px简写设置四个值
padding: 20px 10px 40px 0px;
按顺时针方向依次为上、右、下、左设置注意：padding值不允许为负值
④外边距（margin）
概念：在元素外边的空白区域，被称为外边距。
写法：margin:数值+单位;
属性值写法同padding，当设置并列元素的位置关系时，可以通过设置margin来实现。
margin可以设置负值。
标准盒模型总宽度=width+左右padding+左右border+左右margin
标准盒模型总高度=height+上下padding+上下border+上下margin
{ margin：0px auto；} 一个有宽度的元素在浏览器中横向居中（水平居中）