六div元素CSS盒子模型

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