记录css中易忽略的知识点

今天在写css代码的时候,忽然发现很多看起来挺简单的,但是却忽略了它们的小知识点,小细节,所以就准备把自己遇到的易忘和易忽略的css知识点整理到一起,方便自己以后查阅,也希望同时能够帮助到您(主要是针对我个人,有的可能重要,但我自己掌握的比较好,可能不会写在上面哦)

本博会持续更新,不会特意整理,遇到了就会往这里面加,就当是记笔记了

2018/6/11:遇到的css易错知识点整理

1、选择器优先级:

单个选择器的优先级:标签选择器<类选择器<id选择器<行内样式表

复合选择器优先级:写得越精确,优先级越高(css中层级很重要,写层级关系的要比不写层级的优先级高)

2、想要通过设置margin:0 auto;的方法让元素在水平方向居中,该元素必须要设置宽度

3、浮动的div在遇到margin-bottom值时会失效,解决办法:

在包裹层(父级)用padding-bottom代替在自身上使用:margin-bottom

4、为元素设置float(值为none除外),意味着该元素变为块级元素,可以参考:float

5、子元素设置float(值为none除外)时,如果父元素自身没有设置高度,会出现高度塌陷的问题,解决办法:

1、在父元素上清除浮动(可参考清除浮动)2、为父元素设置高度(min-height/max-height/height)

ok,今天就先整理这些了,以后会不断的更新的


猜你喜欢

转载自blog.csdn.net/lhjuejiang/article/details/80657955