这篇文章主要介绍“HTML尺寸单位是什么”,在日常操作中,相信很多人在HTML尺寸单位是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”HTML尺寸单位是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
尺寸单位用于描述大小的单位就是尺寸单位。
例如,描述文字的大小,描述文字行的高度,描述div的宽度,描述行与行之间的间距,等等。
不同元素的尺寸单位可能不同,例如对字体大小的单位有:像素/em/百分比等方式;对div宽度的单位有:像素/百分比等等。
使用像素设置文本大小,如下:
font-size: 30px;
使用em来设置字体大小,如下:
font-size: 3.75em;
em单位相当于倍数关系,1em等于当前的字体尺寸,浏览器默认的文本大小是16像素,因此1em的默认尺寸就是16像素,3.75em相当于60像素。
注意:所谓当前的字体尺寸,就是指当前元素的字体尺寸,如果当前元素未定义字体尺寸,则等于当前元素的父元素的字体尺寸。
所谓父元素,是指当前元素的嵌套关系的上一级元素。
例如<body style="font-size: 20px;"><div style="font-size: 3em;">简介</div></body>
可以计算出div这个元素的字体大小为60px。
由此,可以总结出像素是绝对的,不受上下级关系的影响,而em是受上下级关系的影响的,要根据具体情况来使用。
练习:
在body的 style里面增加font-size属性,然后将div的font-size属性修改为em单位,调整数值熟悉两种方式。
html是什么
html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
到此,关于“HTML尺寸单位是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!