作者/整理：admin 来源：互联网 2017-03-07
---------------------------------------------------------------------
1.DIV方框参数：
高：height: 100px;
宽：width: 600px;
背景颜色：background-color: #00FF00;
背景图片：background-image: url(fanhui.png);
实战例子：假设一个DIV类名叫：logo,我们需要这个DIV高100像素，宽600像素，背景颜色是红色，那么我们这样写：
--------------------------------------------------------------------------------------------------------------------------
2.DIV方框浮动方式：
左浮动：float: left;
右浮动：float: right;
上边距：margin-top: 10px;
下边距：margin-bottom: 10px;
左边距：margin-left: 10px;
右边距：margin-right: 10px;
例子：左右边距都自动的话，这个方框就居中了。
margin-right: auto;
margin-left: auto;
--------------------------------------------------------------------------------------------------------------------------
3.DIV方框边框：
粗细-样式-边框颜色
border: 5px solid #009900; 这是实心线
border: 5px dashed #009900; 这是虚线
边框写法稍微要复杂一些，要一起打出来，稍微要多记忆一下。
------------------------------------------------------------------------------------------------------------------------
4.文字：
字体：font-family: "宋体";
大小：font-size: 18px;
粗细：font-weight: bold; 这是粗体
font-weight: bolder; 这是特粗
颜色；color: #00FF00;
样式：font-style: italic; 这是斜体
行高：line-height: 10px; 上排字和下排字的距离
文字内边距：
padding-left:50px; 这是文字在方框内对左边的边距
padding-right: 50px; 这是文字在方框内对右边的边距
padding-top: 50px; 这是文字在方框内对上边的边距
padding-bottom: 50px; 这是文字在方框内对下边的边距
---------------------------------------------------------------------------------------------------------------------------
建站咨询
18983818617
