11.3总结

------------恢复内容开始------------

列表样式：

　　list-style-type: upper-roman;　　大写罗马数字

　　list-style-type:lower-alpha;　　小写字母

　　list-style-type: none;　　没有符号

　　list-style-type:circle;　　空心圆

　　list-style-type: square;　　实心正方形

　　list-style-image: url(../img/123.png);　　每一个列表项添加图片

 

ol{

/*小写字母*/
list-style-type: lower-alpha;

/*大写罗马数字*/
list-style-type:upper-alpha;

/*没有符号*/
list-style-type: none;


}

ul{
/*空心圆*/
list-style-type: circle;

/*实心正方形*/
list-style-type: square;

/*每一个列表项添加图片*/
list-style-image: url(../img/丁宁.jfif);
}

 

浮动布局：

　　float: left;　　　向左浮动

　　clear: both　　清除浮动

#d3{
width: 100%;
height: 200px;
background: pink;

/*清除浮动：清除此元素上面的浮动*/
/*clear: left;
clear: right;*/
clear: both;

}

 

盒子模型：

　　margin: 10px 20px 30px 40px; 　　外边距顺序：上右下左

　　　　　　　　　　/*外边距 按照上右下左的顺序排序 ，若没设置，按照对头的算*/
　　　　　　　　　　margin: 10px 20px 30px 40px;
　　　　　　　　　　　

　

　  　/*auto:居中*/
　　margin: 0 auto;

　　margin重叠现象：当两个div都没有设置浮动时，却设置了magrin，那么按照最大margin值算距离

　　当两个div浮动时，添加了margin，就按照margin的总和算距离

　　padding:10px 20px 30px 40px; 内边距顺序：上右下左

　　overflow: hidden;　　超出隐藏

　　overflow: scroll;　　滚动条

------------恢复内容结束------------