• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > CSS的em、px、pt长度单位转换示例

CSS的em、px、pt长度单位转换示例

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含CSS,长度单位转换等相关知识,佚名 希望在学习及工作中可以帮助到您
在IE6.0字体设定为中的时候,如果字体未做任何CSS设定或者元素的设定,默认的字体是12pt,或者16px,或者1em,或者font size=3。em、px、pt的换算关系如下:

1em=16px
1em=12pt
1px=1/16 em=0.0625em
1px=3/4 pt=0.75pt
1pt=1/12 em≈0.0833em
1pt=4/3 px≈1.3333px
em、px、pt的转换工具如下,结果如无法除尽,小数点后面四舍五入到4位,我用“约等于”表示;如果可以除尽,我用“等于”表示:

常用转换:
9pt=12px
9pt=0.75em
10pt=0.833em
14px=0.875em

英文网页的字体较常用到em单位,em是相对长度单位,可使字体随IE浏览器的调整而变化。请注意,请避免在样式表中某区域对字体定义2次em,就可以方便地使用em单位。如实在无法避免,假如??em 是这个区域的字体大小,请用1÷??em,假设结果为n1。然后直接使用上述的1或3相应的转换工具,假设查询的转换结果为n2,再用n2乘以n1,使其还原。也就是:1÷??em×n2

您可能想查找下面的文章:

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-06css3高级选择器使用方法
  • 2017-08-06css实现的漂亮的分页效果代码(橘黄色与蓝色)
  • 2017-08-06CSS border-color 属性使用方法
  • 2017-08-06使用CSS禁止textarea调整大小功能的方法
  • 2017-08-06文字环绕图片的布局效果(使用动态div实现)
  • 2017-08-06使用绝对定位+负外边距让DIV层水平垂直居中页面
  • 2017-08-06css 字体单位之间的区分以及字体响应式的实现详解
  • 2017-08-06用条件注释判断浏览器版本解决页面兼容问题
  • 2017-08-06CSS Border属性solid(实线)使用介绍
  • 2017-08-06在支持HTML5的浏览器上运行WebGL程序的方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实现DIV层内的文字垂直居中(单行文字/多行文字)
    • DIV CSS布局中position属性用法深入探究
    • 使用Div+CSS纯图片实现圆角矩形的方法小结
    • 移动Web—CSS为Retina屏幕替换更高质量的图片
    • 通过position定位实现div底端对齐
    • css实现兼容火狐、IE的LI奇偶行颜色交替方法
    • CSS小技巧 导航中鼠标经过变换文字的实现代码
    • css overflow溢出隐藏(文字溢出时的自动隐藏处理)
    • css font 属性的快捷写法
    • css实现div内图片上下左右居中

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有