html的长度单位的选择,html中常见长度单位有哪些?
css中长度单位有很多,可谓五花八门,但可分为这两类:绝对长度单位和相对长度单位。绝对长度单位彼此固定,不会因为其他元素的尺寸变化而变化,相对单位长度指定相对于另一长度的长度。
HTML中的常见长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm。
HTML中常见单位长度介绍:1、px:像素(Pixel),相对于设备的长度单位,像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
2、em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
3、ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
4、pt:点(Point),绝对长度单位。
5、pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。
6、in:英寸(Inch),绝对长度单位。
7、mm:毫米(Millimeter),绝对长度单位。
8、cm:厘米(Centimeter),绝对长度单位。
其中:1in = 2.54cm = 25.4 mm = 72pt = 6pc
容器的大小我们经常用px做单位,大家都没什么异议,字体大小(font-size)很多国内的人使用px做单位,其实用px做字体单位唯一的致命缺点就是在IE下无法用浏览器字体缩放的功能。或者以前的按住Ctrl+滚动鼠标的中间的滚轮。
html的长度单位的选择,html中常见长度单位有哪些?相关推荐
- CSS中常见的长度单位 1
1.CSS中常见的长度单位 名称 英文全称 中文名 相对/绝对长度 换算 描述 % percentage 百分比 相对 原长度*百分数 px pixel 像素 长度由屏幕大小和其分辨率决定 e ...
- web开发中的长度单位(px,em,ex,rem),如何运用,看完这篇就够了!
原创 2017-03-08 web小二 web前端开发 作为一名前端开发人员,css中的长度单位,都是我们在工作中非常熟悉的名词,因为没有它们,我们就不能声明某个字符应该多大,或者某些图像周围应该留白 ...
- 使用×××版软件中常见的一些错误代码
1.错误代码(691):由于域上的用户名或密码无效而拒绝访问. 如果是使用的易游提供的×××服务器,请在帐务系统确认使用的帐号是否状态正常,刚设置好的帐号需要等5分钟才能使用.如果是外部×××服务器请 ...
- Python 中常见的配置文件写法
相信学习Python或者正在进行Python工作的小伙伴都会有一个疑问,为什么要写配置文件呢?在开发过程中,我们常常会用到一些固定参数或者是常量.对于这些较为固定且常用到的部分,往往会将其写到一个固定 ...
- 学完css3的总结,css3中常见的单位及总结
摘要:css3中常见的单位:1. px:绝对单位,页面按精确像素展示2. em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内 ...
- 深度学习中常见的损失函数
文章来源于AI的那些事儿,作者黄鸿波 2018年我出版了<TensorFlow进阶指南 基础.算法与应用>这本书,今天我把这本书中关于常见的损失函数这一节的内容公开出来,希望能对大家有所帮 ...
- Python中常见的配置文件写法分享!
相信学习Python或者正在进行Python工作的小伙伴都会有一个疑问,为什么要写配置文件呢?在开发过程中,我们常常会用到一些固定参数或者是常量.对于这些较为固定且常用到的部分,往往会将其写到一个固定 ...
- day12_oracle hint——SQL优化过程中常见Oracle中HINT的30个用法
在SQL语句优化过程中,经常会用到hint, 以下是在SQL优化过程中常见Oracle中"HINT"的30个用法 1. /*+ALL_ROWS*/ 表明对语句块选择基于开销的优化方 ...
- android studio插入数据表中没有_学Java能拿高薪吗 Java中常见排序算法有哪些
学Java能拿高薪吗?Java中常见排序算法有哪些?作为老牌编程语言,Java拥有广阔的市场占有率,几乎90%以上的大中型互联网应用系统在服务端开发都会首选Java.为了加入到Java这一高薪行业,很 ...
- JavaScript:JavaScript中常见获取对象元素的方法
介绍: javascript中常见的3种获取元素的方法,分别是通过元素ID.通过标签名字和通过类名字来获取 操作如下: 1.getElementById DOM提供了一个名为getElementByI ...
最新文章
- python课堂笔记
- 展望2018:WebRTC和下一代编解码器
- mysql goldengate_oracle GoldenGate实现Oracle到MySQL数据平滑迁移
- 在Microsoft System Center中利用您的现有投资管理VMware--Veeam MP v6.5
- java 二维数据结构_JAVA描述算法和数据结构(01):稀疏数组和二维数组转换
- BZOJ 3238: [Ahoi2013]差异 [后缀数组 单调栈]
- 四十五.加密与解密 AIDE入侵检测系统 扫描与抓包
- Linux三剑客正则表达式常用字符汇总
- ubuntu屏幕截图工具
- Adobe Premiere Pro cs6 精简版 0xc000007b 应用程序无法正常启动
- 黑镜狗再现!波士顿动力「大黄狗」上岗SpaceX,勘察火箭爆炸现场
- scConverter 文档转换 DLL / SDK
- matlab使用invfreqs出错,matlab中butter
- ios莫名其妙闪退的解决方法
- 数据可视化项目【三】数据切换效果模块
- 我的服务器被挖矿了,原因竟是。。。
- 【Mark Schmidt课件】线性代数
- 企业微信hook接口,网络获取外部联系人
- WIN10退出microsoft帐号
- 中炮过河车七路马对屏风马--左马盘河
热门文章
- Monkey log 分析
- win7_ fiddler 证书安装失败解决方法
- 软件测试中英文术语对照表
- 您未被授权查看该页; HTTP 错误 401.1 - 未经授权:访问由于凭据无效被拒绝。
- redis未授权访问漏洞
- Android 前置摄像头强制关闭镜像预览
- 使用svn报错之An error occurred while contacting the repository
- 846计算机类,x846-《计算机类学科基础》考试内容及范围(8页)-原创力文档
- windows server2019安装SQLServer
- (附源码)springboot儿童教育管理系统 毕业设计281442