
CSS
文章平均质量分 82
CSS基础笔记整理
超级冲天猪
前端
展开
-
CSS权重
CSS权重权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。 当很多的样式被应用到某一个元素上时,权重是一个决定哪种样式生效,或者是优先级的过程。每条css规则,都包含一个权重级别。 这个级别是由不同的选择器加权计算的,通过权重,不同的样式最终会作用到你的网页中 。 如果两个选择器同时作用到一个元素上,权重高者生效。权重记忆口诀:1.从0开始,一个行内样式+10002.一个id选择器+1003.一个属性选择器、class或者伪类+104.一个元素选择原创 2022-02-05 21:22:51 · 4805 阅读 · 0 评论 -
CSS BFC原理和定位position
1.BFC概念BFC为块级格式化上下文,具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。2.BFC特性及应用只要元素满足下面任一条件即可触发 BFC 特性:body 根元素浮动元素:float 除 none 以外的值绝对定位元素:position (absolute、fixed)display 为原创 2022-02-05 18:11:34 · 431 阅读 · 0 评论 -
CSS盒模型和选择器
CSS盒模型什么是盒模型什么是盒模型:盒模型又称框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如图:由于IE盒模型的怪异模式,IE模型和标准模型的内容计算方式不同。标准模型和IE模型的区别1.IE模型IE模型元素宽度width=content+padding+border,高度计算相同2.标准模型标准模型元素宽度width=content,高度计算相同css如何设置获取这两种模型的宽和高原创 2022-02-05 17:13:53 · 241 阅读 · 0 评论