likeorangeOvO的博客

文章目录浮动FLexbox网格布局定位和层叠上下文响应式设计浮动设置浮动后，脱离正常文档流，不会覆盖文字，文字形成环绕效果。其高度不会加到父元素上（需要将一个元素放置在主容器末尾，对其使用clear属性，将其拓展到浮动元素下方，即可实现父元素背景包含浮动元素的效果）clear：该元素某边不允许出现浮动元素.clearfix::before.clearfix::after{ display:table; content:" "; //防止外边距折叠}.clearfix::after{ c

文章目录元素宽度元素高度外边距折叠容器内元素间距元素宽度魔术数值：通过多次尝试修改样式得出的值默认的盒模型，指定的宽高，指定为内容的宽高，该模型在进行布局时，需要多次考虑padding的影响，并调用calc（）进行调整。通过box-sizing：border-box进行调整，调整后的盒模型，该模型包含padding，可通过width直接解决全局设置border-box:root{ box-sizing:border-box;}*,::before,::after{ box-si

文章目录相对单位视口的相对单位自定义属性相对单位视口的相对单位自定义属性

文章目录层叠层叠规则继承特殊值简写属性层叠层叠规则当CSS发生声明冲突时，会按照根据以下三种条件解决冲突样式表的来源选择器的优先级源码顺序（1）样式表我们通常添加的样式表属于作者样式表，其优先级大于用户代理样式表（浏览器的默认样式），作者样式表会将其覆盖。!important，该声明会被标记为更高优先级的来源作者!important > 作者 > 用户代理（2）优先级浏览器将优先级分为：HTML的行内样式（内联样式），选择器样式行内样式无选择器，直接作用于