![](https://img-blog.csdnimg.cn/20210626194641926.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 64
菜鸟的记录……
卑微菜鸟一枚
已转行!
展开
-
box-sizing的类型
来源: 这两个属性我一直有点糊涂; 但是有没有实际的场景让我尝试,这次遇到了,就记录下来…… 利用elementUI的form组件form占整个,想让左右有点间距想到利用padding; 但是padding会撑开盒子,需要让padding计算在width之内。 注意此时的宽度490px; elementUI组件的form组件默认box-sizing:类型是content-box;即width = 自身的width + padding + margin + border; 也就是说设置了padding.原创 2021-07-11 15:54:42 · 178 阅读 · 0 评论 -
CSS选择器的优先级计算
一、引言: 这个问题,实际开发我们肯定遵循以“越具体 权重越高”为原则,所以一般不会出现这样的问题,即便出现了问题也知道该怎么解决,但是笔试,或者面试这种题很容易出现这种题,对于我来错出错率特别高!所以整理一下 二、知识储备: 说出你知道的选择器: id class 伪类 属性选择器 伪元素选择器 标签选择器 通配符 子代选择器 后代选择器 权重的计算规则 1、!important,加在样式属性值后,权重值为 10000 2、内联样式,如:style=””,权重值为1000 3、ID选择器,如:原创 2021-06-26 19:44:46 · 142 阅读 · 1 评论