div标签

一.盒子模型概念

标签排式

1、背景色background-color 

2、边框 border 

3、外边距margin 

4、内边距padding 

5、宽高 width、 hei值

值                       描述

width                 设置标签宽度

height                设置标签高度

min-width         设置标签最小宽度

min-height        设置标签最小高度

max-width         设置标签最大宽度

max-height        设置标签最大高度

注:像素与百分比的区别

二.标签边框

边框样式:

值                           描述
border                   设置标签边框

border - style       设置标签的边框样式

border-width       设置标签的边框粗细

border-color        设置标签的边框颜色

border-top           设置标签上边框

border-right         设置标签右边框

border - bottom   设置标签下边框

border-left            设置标签左边框

eg: 

 eg:border-top:1px solid red; 
      border-left:1px solid blue; 
      borderright:1px solid grays ;
      border-botton:px solid green;

运行出来就是如下

 三.标签圆角

圆角样式: 

值                                         描述

border-radius                     设置标签圆角

border-top-left-radius      设置标签左上角的圆角

border-top-righte-radius 设置标签右上角的圆角

border-bottom-left-radius 设置标签左下角的圆角

border-bottom-right-radius 设置标签右上角的圆角

三.

 四.外边距

外边距样式: 
值                          描述
margin                  设置标签外边距
margin-left           设置标签左侧外边距
margin-top           设置标签顶端外边距
margin-right         设置标签右侧外边距
margin-bottom     设置标签底端外边距
注:标签的水平居中

重点：

 margin：0px  auto  代表水平居中

五.标签样式

标签祥式: 
值                                 描述
background-color      设置标签背景颜色
line-height                  设置标签行高
overilow                       设置标签内容超出标签大小后的显示效果
注:单行文本的垂直居中