2019.9.17 工作感想

昨天晚上忘记写日记了，只能今天早上来补，昨天一开始老师给我们复习了上节课所学的内容——选择器的优先级，然后列举了一些列子：
A. img.thumb:after 0012 　B.[data-job=“frontend”]::first-letter 0011
C. #main::before 0101　　 D. [type=“checkbox”]:checked 0020 　
E. ul#shop-list 0101
伪元素，元素 0001
伪类，类 0010
盒子模型的稳定性：
按照稳定性来分：
width>padding>margin

1. margin由外边距合并的问题，还有ie6margin 加倍，所以最后使用
2. padding 会影响盒子大小，需要计算盒子大小，其次使用
3. widtn稳定性最高，宽度剩余法，高度剩余法

之后讲了盒子模型的阴影，重点讲解了float浮动
浮动 ：目的让多个块级元素同一行上显示
​ float 浮漏特
​ 浮：加了浮动的元素会浮起来，漂浮在其他标准流的盒子上面
​ 漏：加了浮动的元素，他原来的位置漏给了标准流的盒子
​ 特：特别需要注意的是，标准流父元素一起使用，其次，特别需要注意的是，浮动元素变成行内块元素

最后讲解了清楚浮动，主要就是几行代码，可以相互嵌套，还有伪元素清除浮动：

父级添加overflow属性方法

触发BFC的方式，可以实现清除浮动的效果。

优点：代码简介

缺点：内容增多时不会自动换行，无法显示需要溢出的元素

使用after伪元素清除浮动

：after是空元素的升级版

优点:符合闭合浮动，结构语义化正确

缺点:ie6,7不支持:after,所以使用zoom清除浮动

使用before和after双伪元素清除浮动

清除浮动：加上clear:both,使元素下移，直到两边没有浮动元素

闭合浮动：使浮动元素闭合，使父元素高度不在塌陷，这样减少了浮动带来的影响

优点：代码更加简介

缺点:ie6,7不支持:after,所以使用zoom清除浮动