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;  滚动条

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

 

posted @ 2021-11-03 18:35  阿宁5813  阅读(29)  评论(0)    收藏  举报