![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 94
IndulgeBack
迷恋阿丽,热爱技术,期待你我的共同进步
个人主页:https://indulgeback.netlify.app
展开
-
CSS属性计算--流水不争先,争的是滔滔不绝
为了消除这些差异,开发者经常会在项目开始阶段引入CSS重置或Normalize.css这样的工具,它们旨在统一不同浏览器下的样式表现,将所有元素的样式初始化至一个已知且一致的状态,以便后续添加自定义样式时能达到预期效果。标题元素、列表、链接、表格、按钮以及其他各种元素的字体、颜色、内边距、外边距等属性有着各自不同的默认处理方式,如果你在作者样式表没有对样式进行统一处理的话,可能会产生很多的浏览器兼容问题。这部分应该很好理解,属性会接受重要性最高的值,即重要性高的值会覆盖掉重要性低的值。原创 2024-04-27 14:14:21 · 938 阅读 · 0 评论 -
CSS预编译器——Sass 从入门到熟练使用
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库有助于更好地组织管理样式文件,以及更高效地开发项目。原创 2023-10-25 17:23:01 · 426 阅读 · 1 评论 -
你不知道的 CSS 之包含块
没错,因为我们对 div1 进行了定位,因此它会应用非根元素包含块计算规则的第三条规则,寻找离它最近的 position 的值不是 static 的祖先元素,不过显然 body 的定位方式为 static,因此 div1 的包含块最终就变成了初始包含块。首先 HTML 作为根元素,对应的包含块就是前面我们所说的初始包含块,而对于 body 而言,这是一个 static 定位的元素,因此该元素的包含块参照第一条为 html,以此类推 div1、p1、p2 以及 em1 的包含块也都是它们的父元素。原创 2023-05-18 21:02:32 · 116 阅读 · 1 评论