PHP程序员小白到大牛集训(12期免息)
Apifox=Postman + Swagger + Mock + JMeter,是接口文档,接口调试,接口 Mock,接口自动化测试一体化协作平台, php中文网推荐使用
广告
作者信息

长期闲置

长风破浪会有时,直挂云帆济沧海。

最近文章
linux文件的大小能限制吗1045
linux的make命令找不到怎么解决324
linux中i节点是什么562
视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • 首页 >web前端 >前端问答 > 正文

    %是css3的单位吗

    原创2022-06-15 17:43:33679 关注公众号:每天精选资源文章推送

    “%”是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中文网其它相关文章!

    20期PHP线上班

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:CSS3
  • 相关文章

    相关视频


    专题推荐