• 技术文章 >web前端 >前端问答

    %是css3的单位吗

    长期闲置长期闲置2022-06-15 17:43:33原创186

    “%”是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的单位吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS3
    上一篇:src可以在HTML5出现吗 下一篇:css3可以做3d的效果吗
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css3中calc怎么设置除法• 用什么实现css3动画效果• css3中after的content属性里面都能放什么东西• 在css3中可以实现缩放效果的属性是什么• css3中rotate3d方法怎么用
    1/1

    PHP中文网