%是css3的单位吗

121 阅读 0 评论 80 点赞

我是靠谱客的博主内向鼠标，最近开发中收集的这篇文章主要介绍%是css3的单位吗，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3的单位

CSS %--百分比

百分比（%）也是我们比较常用的单位之一，所有接受长度值的属性都可以使用百分比单位。但是不同属性使用该单位的效果可能并不一样。但是都需要有一个参照值，也就是说百分比值是一个相对的值。

百分比是一个相对长度单位，相对于包含块（containing block）的高宽或字体大小来取值。

关于包含块（containing block）的概念，不能简单地理解成是父元素。

如果是静态定位和相对定位，包含块一般就是其父元素。

如果是绝对定位的元素，包含块应该是离它最近的 position为非static属性的祖先元素。

如果是固定定位的元素，它的包含块是视口（viewport）。

百分比的继承

如果某个元素设置了百分比的属性，则后代元素继承的是计算后的值。例如：

p { font-size: 10px;line-height: 120%; }
登录后复制

那么p的子元素继承到的值是 line-height: 12px，而不是 line-height: 120%。

（学习视频分享：css视频教程、html视频教程）

以上就是%是css3的单位吗的详细内容，更多请关注靠谱客其它相关文章！

以上就是内向鼠标为你收集整理的%是css3的单位吗的全部内容，希望文章能够帮你解决%是css3的单位吗所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。