%是不是css3的单位
导读:本文共997.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: “%”是css3中的单位,“%”指的是百分比,是一个相对长度单位;所有接受长度值的属性都可以使用百分比单位,但是不同属性使用该单位的效果不同,需要有一个参照值,也即相对于包含块的高宽或者字体大小来取值,语法为“元素{长度值属性:百分值%}”。本教程操... ...
目录
(为您整理了一些要点),点击可以直达。
“%”是css3中的单位,“%”指的是百分比,是一个相对长度单位;所有接受长度值的属性都可以使用百分比单位,但是不同属性使用该单位的效果不同,需要有一个参照值,也即相对于包含块的高宽或者字体大小来取值,语法为“元素{长度值属性:百分值%}”。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
CSS %--百分比
百分比(%)也是我们比较常用的单位之一,所有接受长度值的属性都可以使用百分比单位。但是不同属性使用该单位的效果可能并不一样。但是都需要有一个参照值,也就是说百分比值是一个相对的值。
百分比是一个相对长度单位,相对于包含块(containing block)的高宽或字体大小来取值。
关于包含块(containing block)的概念,不能简单地理解成是父元素。
如果是静态定位和相对定位,包含块一般就是其父元素。
如果是绝对定位的元素,包含块应该是离它最近的 position为非static属性的祖先元素。
如果是固定定位的元素,它的包含块是视口(viewport)。
百分比的继承
如果某个元素设置了百分比的属性,则后代元素继承的是计算后的值。例如:
那么p的子元素继承到的值是 line-height: 12px,而不是 line-height: 120%。
%是不是css3的单位的详细内容,希望对您有所帮助,信息来源于网络。