%是css3的单位吗
时间:2022-06-16 来源:互联网 标签: CSS3
%是css3的单位吗,对于%是css3的单位吗许多的网友还不是很了解,下面小编给大家带来%是css3的单位吗介绍,感兴趣的小伙伴快来看看吧!
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
css3的单位
CSS %--百分比
百分比(%)也是我们比较常用的单位之一,所有接受长度值的属性都可以使用百分比单位。但是不同属性使用该单位的效果可能并不一样。但是都需要有一个参照值,也就是说百分比值是一个相对的值。
百分比是一个相对长度单位,相对于包含块(containing block)的高宽或字体大小来取值。
关于包含块(containing block)的概念,不能简单地理解成是父元素。
如果是静态定位和相对定位,包含块一般就是其父元素。
如果是绝对定位的元素,包含块应该是离它最近的 position为非static属性的祖先元素。
如果是固定定位的元素,它的包含块是视口(viewport)。
百分比的继承
如果某个元素设置了百分比的属性,则后代元素继承的是计算后的值。例如:
p { font-size: 10px;line- }
那么p的子元素继承到的值是 line-height: 12px,而不是 line-height: 120%。
以上就是%是css3的单位吗的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
以太坊ETF超越比特币?贝莱德ETHA突破100亿美元大关 2025-07-27
-
-
比特币买豪宅》佳士得开设加密货币房地产部门,隐私与效率吸引富豪买家 2025-07-27
-
香港稳定币条例 8/1 生效:牌照、监管、银行託管…重点速看 2025-07-27
-
KGNCloud 重新定义2025年数字财富——更智能、更快速、更安全的加密挖矿未来 2025-07-27
-
在另类币季节的狂热中,XRP惊现1.55亿美元巨额资金流入 2025-07-27
最近更新