HTML中经常使用的单位

最新推荐文章于 2023-03-17 18:53:36 发布
最新推荐文章于 2023-03-17 18:53:36 发布
阅读量151 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45079921/article/details/106965411
版权

rem

css3新增加的相对单位，相对于html的根元素，修改根元素可以调整所有字体大小，还可以避免字体大小逐层复合的连锁反应，未经过调整的浏览器，16px=1em。主要用于屏幕适配布局，移动端使用比较广泛。使用这种方式，只要根据不同屏幕设置不同的根元素即可使系统适配不同的屏幕。

em

相对于当前对象内文本的尺寸来的，会继承父元素字体的大小，假如父元素为2em,子元素也为2em,则字体实际大小为4em,未经过调整的浏览器，16px=1em。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

px

像素（Pixel）,相对于设备的长度单位，是相对于显示器屏幕分辨率而言的，例如，Windows用户所使用的分辨率一般是96像素/英寸

糯米饭！！！
关注
HTML单位全面解析：em、rem、ch单位你用对了吗？
a451319296的博客
05-19 819
本篇文章旨在介绍HTML中常用的单位，包括像素、百分比、视口单位、em单位、rem单位和ch单位。对于每种单位，文章都给出了具体的使用方法及适用场景，并强调了正确选择单位的重要性。通过本文的学习，读者可以更好地掌握HTML中各种单位的使用技巧，提高页面布局效果和用户体验。
手把手教你基于HTML、CSS搭建我的相册（上）
热门推荐
官方推荐
03-20 1万+
通过有趣的demo来带你掌握前端基础
HTML的单位
m0_51700376的博客
11-09 2022
1、px：相对长度单位。像素px是相对于显示器屏幕分辨率。 2、em：相对长度单位。相对于当前对象内文本的字体尺寸。 3、rem：相对长度单位。相对于根元素html的字体大小。 4、vh ：相对于视窗口的高度。1vh 等于1/100的视窗口高度。 5、vm ：相对于视窗口的高度。1vm 等于1/100的视窗口宽度。 ...
HTML中几种常见单位
u010408889的专栏
08-19 4582
以下是DIVCSS5为大家总结网页中常见html单位介绍，在css+div布局中长度单位介绍篇。 其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm； px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
html的单位你都明白了吗？
muty1122的博客
03-17 1281
主要讲述了html中的基础单位都有哪些，哥哥基础单位的区分、使用方式以及使用范围，讲述了如何更高效的使用这些单位。对各个基础单位有一个深入了解可以更方便的对元素的各个数值进行合理的更改和归类管理
html 长度单位
旺旺的博客
06-08 960
1.        px 表示像素。 1像素表示屏幕上的一个点。屏幕上的点的个数取决于屏幕的分辨率。每台显示器点的大小都不一样2.x%: 这个的意思是等于父元素的对应样式的 百分之多少3.em em常用语设置跟字体大小相关时的样式  1em=font-size4.颜色单位        在 css中直接使用颜色的单词表示不同颜色。        红色 red  绿色 green  蓝 blue三原...
HTML 中几种常见长度单位介绍
qq_51379218的博客
11-06 4922
一：长度单位包括 1.相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin 2.绝对长度单位包括：in,cm, mm, q, pt, pc, px 1.相对长度单位: em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 ex：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸 ch:数字“0”的宽度 rem
html5使用框架页面布局,HTML框架集与布局
weixin_35578185的博客
06-07 4653
html的框架详解和布局什么是框架？框架将浏览器划分成不同的部分，每一部分加载不同的页面，实现在同一浏览器窗口中加载多个页面的效果划分框架标记语法格式lt;framesetgt;....HTML框架集我们可以通过框架，在一个浏览器窗口中显示多个页面。HTML框架集的使用十分简单，我们需要用到如下2个标签：frameset的属性frameset主要有以下属性：rowscolsboede...博文来自...
html vh和百分比,css中height 100vh的应用场景，动态高度百分比布局，浏览器视区大小单位...
weixin_31689491的博客
06-22 3525
css中height 100vh的应用场景，动态高度百分比布局，浏览器视区大小单位height:100vh一些只能vw, vh才能完成的应用场景：1. 场景之：元素的尺寸限制vw vh 主要是实现了动态高度百分比布局，比如宽高比不固定的图片，vw很轻易的实现正方形图片缩略图原始大图的尺寸限制问题——因为很有可能图片过大，尼玛一屏显示器区域不够放，我们需要对其进行缩放处理。这类限制的实现，在当下，需...
python中render的用法_requests-html库render的使用
weixin_42405890的博客
02-03 7726
一.render的使用from requests_html import HTMLSessionsession =HTMLSession()response = session.get('https://www.cnblogs.com/pythonywy/')print(response.html.render())进行js注入模拟人操作浏览器二.render的参数1.script(str)执...
HTML中的常见单位：
wantshui的博客
02-14 1379
HTML中的常见单位： px，em，pt，ex，pc，in，mm，cm，以上八种 px：像素，像素是相对与显示屏的分辨率而言的，不同的设备显示结果可能会不同 ex：相对长度单位，相对于字符“x“的大小，一般是正常字体大小的一半 em：相对长度单位,相对与相关字体的大小 pt（点）、pc（派卡）、in（英寸）都是绝对长度单位 mm、cm均是绝对长度单位，实际上就是我们所熟悉的毫米和厘米 而这些单位都作为长度单位，彼此之间都是可以相互转换的， 其中：1in = 2.54cm = 25.4 mm = 72pt
html中常用单位
Asa的专栏
11-18 813
相对长度： % 宽度的百分数 em字体高度 ex字体x-高度，字符x的高度约为0.5em ch字符单位 rem根单位，避免em的继承问题 视口相关长度： vw视口宽度百分数 vh视口高度百分数 vm它是vw和vh 的较小值 绝对长度： px像素 cm厘米 mm毫米 in英寸 pt点 1pt相当于1/72英寸 pc 1pc=12pt
HTML中的常用单位
wgaoxian的博客
11-09 2096
单位分为绝对单位和相对单位 绝对单位 是固定值 不可变 绝对单位有： px、 cm、 mm、in px：是像素单位 也是常用单位 cm：厘米 mm：毫米 in：英寸 ；（1英寸 = 2.54厘米） 相对单位 可实现响应式布局，会随着屏幕尺寸变大或缩小（都是子元素相对父元素进行的） 相对单位：%、rem、vw、vh、em、vnim、vaxm、clac（） %：百分比在HTML中经常使用 rem：相...
html基本单位,html常用单位与js获取方法
weixin_33438788的博客
06-07 427
以下为各种单位的说明px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算(浏览器默认字体是16px)，整个页面内1em不是一个固定的值。rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号，即使...
常见的HTML中的特殊字符和CSS尺寸单位
fydxx的博客
09-06 1878
HTML中常见的特殊字符: 1、< 表示         2、> 表示 >         3、  表示 一个空格         4、 © 表示 ©         5、¥ 表示 ￥ CSS尺寸单位: 1、% 占据父元素尺寸的占比 2、in 英寸，1in=2.54cm 3、cm 厘米 4、mm 毫米 5、px 像素，计算机
尺寸单位em,rem,vh,vw
前端学习日记
02-12 8762
这几天做demo，看了网上教程有用到尺寸单位vh，vw， 这些单位不是很熟悉，所以上网上找了些资料来认识了这些不认识的单位 1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照
HTML5常见的取值与单位
zzhsmile520的博客
03-27 3157
长度单位包括相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin绝对长度单位包括：cm, mm, q, in, pt, pc, pxch:数字“0”的宽度em:相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。ex:相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设...
html中的长度单位
weixin_42216853的博客
10-17 3463
html中的长度单位：px、em、rem、%、vw、vh、vnim、vmax、calc（） px：像素，固定大小，涉及到适配的时候并不好用 em：相对于父元素字体的大小，一般也很少用 rem：相对于根元素字体的大小（即html标签），经常用于移动端（rem适配） %：百分比适配中经常用，我通常会和rem适配结合一起用 vw：视口宽度的1% vh：视口高度的1% vnim：视口高度和宽...
HTML移动端单位
JackieDYH的博客
10-16 683
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0px; padding: 0px; } ...
html pt单位如何使用
最新发布
04-29
在 HTML 中，pt（point）是一种相对长度单位，通常用于定义字体大小。1 pt 等于 1/72 英寸，因此其大小会根据屏幕或打印机的分辨率而有所不同。 要使用 pt 单位，请在 CSS 样式表中将 font-size 属性设置为所需的大小值，后跟 pt 单位。例如： ```css p { font-size: 12pt; } ``` 这将使所有段落的字体大小为 12 点。请注意，除非特别需要，否则应该避免使用 pt 单位来定义其他元素的大小，因为它们可能不会根据用户的偏好设置进行缩放。在这种情况下，应该使用 em 或 rem 单位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值