2021.11.16 日报 浮动清除与ps切图

清除浮动

1. 额外标签法在浮动的子标签后添加一个新的块元素并样式声明clear:both，缺点:增添无意义标签，结构化差
2. 父级overflow:hidden在父标签的样式内声明overflow:hidden缺点溢出隐藏
3. 父级after伪元素:.clearfix:after{ content:"";display: block;height: 0;clear: both;visibility: hidden;}.clearfix { /* IE6, 7 ‡# * /*zoom: 1;}
4. 双伪元素
   .clearfix:before,.clearfix:after{content:"";display: table;}.clearfix:after{clear:both;}•clearfix{*zoom:1;}

ps切图

5. 图层切图，先选中，直接导出为png
   若一个图片两个图层，选中两个图层再去图层框里合并图层
6. 用切片工具.储存时选选中的切片，要储存透明背景的就把最底下的图层隐藏再切片，储存为png
7. ps插件切图.cutterman