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; 滚动条
------------恢复内容结束------------