CSS采坑

1.在设置div里图片宽度自适应,div与图片高度一致时,会出现div比img多一点的情况。这是因为img是inline-block,只要在img里设置display:block就可以

2.margin top和padding top的百分比是相对于父级块级元素的width

正常流中的大多数元素都会足够高以包含其后代元素(包括外边距),如果一个元素的上下外边距时父元素的height的百分数,就可能导致一个无限循环,父元素的height会增加,以适应后代元素上下外边距的增加,而相应的,上下外边距因为父元素height的增加也会增加,如果循环

3.移动端适配

方法一:html的font-size设置为calc(100vw / 3.75)。其他长度用rem为单位

4.设置背景透明度但不影响里面的文字

使用rgba方法:background-color:rgba(245,245,245,0.5)

5.点击穿透

当需要点击透明弹框底下的元素,而不需要触发弹框上的点击事件时,使用css

pointer-events:none

6.匿名框

不能被css selector选中

在块级框中,如果含有块级框,以及含有直接的text,那么这些text会被匿名块级框包围;
在块级框中,如果只含有行内框,以及含有直接的text,那么这些text会被匿名行内框包围;

在行内框中,如果含有块级框,那么这个行内框会被块级框截断,并且块级框前后的text会被匿名行内框包围

猜你喜欢

转载自blog.csdn.net/soskkk12/article/details/81905040
今日推荐