css px em pt - wolf blog - ITeye博客

`

wangshaofei

浏览: 274047 次
性别:
来自: 深圳

最近访客更多访客>>

haitwin

nbczw8750

leo5592368

fhuilong6688

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

muxueqz：我自己写了个开源的：http://muxueqz.top/sk ...
Delicious被Yahoo卖了
yangyongnihao： ...
REST与SOAP样式Web 服务的区别
wangshaofei： zhou7707 写道大神啊，太及时了，我今天服务器上不了 ...
Debian 6 下搭建nginx 1.3
zhou7707：大神啊，太及时了，我今天服务器上不了外网，为搞包依赖折腾一 ...
Debian 6 下搭建nginx 1.3
wangshaofei： bbs_ld 写道一楼说的对啊。如何解决呢？？高手大人
利用php创建日期选择框

css px em pt

博客分类：

css

阅读更多

px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.

em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如
<div style="font-size=12px">
    <span style="fontsize=2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.

pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.

以上三种PX是像素单位,EM是相对单位,PT是绝对单位.他们各自的好处是,PX可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果.
EM的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小.它可以自由缩放,比如用来制作可伸缩的样式表.
PT是一种固定长度的度量单位,是能够使用测量设备测得的长度.绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道 是用在那种输出媒体的情况下才使用.但大多数情况下最好使用相对单位.
所以应该没有最好的吧,一般都是用PX和EM这种配搭比较好.全部手打,非复制地!!!

分享到：

=== 的意思 | CSS对浏览器的兼容性

2012-10-26 09:51
浏览 878
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS的em、px、pt长度单位转换示例: 在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=...

CSS Font-Size: em、px 、pt 、Percent之间的关系及换算: 主要介绍了CSS Font-Size: em、 px 、pt 、Percent之间的关系及换算，本篇整理的还是比较详细的，需要的朋友可以参考下

css中的px、em、rem、pt 特点和区别及换算详解: 概念介绍： 1、px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，...通常1em=16px。 3、pt (point，磅)：是一个物理长度单位，指的是72分之一英寸。pt=1/72(英寸),

详解CSS中的几种长度px、em、pt: 说说css的几种距离吧，大致有px、em、pt、pc、in、mm、cm、ex八种，其中最常见到的是px，我还见到过的有ex和mm、cm，当然后两个在当年见的更多

前端大厂面试思维导图-css面试: 前端大厂面试题目思维导图，非常全面，包含了常见的面试题目，0.5px的线如何实现，sass的常用功能，弹性布局flex-direction，justify-content，align-items，css常见单位rpx、px、em、rem、%、vh、vw的区别，垂直...

css中的长度单位(em/ex/px/pt)使用介绍: css中的长度单位在网页布局中经常会用到(em/ex/px/pt)，至于在什么情况下使用，怎么用将在下文为大家详细介绍下

css长度单位参考: 在CSS样式表中，我们经常会看到pt， px，em，ex，in等这类长度单位。它们各是什么意思，有什么区别呢？在CSS样式表中，长度单位分两种： 相对长度单位，如px, em等，绝对长度单位，如pt,mm等。

详解CSS3 rem(设置字体大小) 教程: 在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。...

css 字体单位之间的区分以及字体响应式的实现详解: ////以下用的比较少//////1em = 12pt1px = 3/4 pt = 0.75pt1pt = 1/12 em 0.0833em1pt = 4/3 px = 1.3333px 2.任意浏览器默认字体都是16px。所有未经调整的浏览器默认尺寸为 1em=16px 3.chrome强制最小字体为12px，...

px:将标准 CSS 测量值转换为像素单位的 jQuery 插件: jQuery.px 版本 1.2 版权所有 (c) 2011-2015 Martijn W.... px、in、cm、mm、pt、pc（无上下文） em, ex, rem, ch（使用上下文） vw、vh、vm、vmin、vmax（无上下文） vd（没有上下文，不是 CSS

精彩绝伦CSS2: 可以用绝对长度单位(cm, mm, in, pt, pc)或者相对长度单位 (em, ex, px)。 border-width属性值设置的个数与所对应方向产生的效果和border-style、border-color的设置方法相同，可参照border-style、border-color...

HTML5&CSS3网页制作：字体样式属性.pptx: 为了更方便的控制网页中各种各样的字体，CSS提供了一系列的字体样式属性。 6 @font-face属性用于定义服务器字体。 7 word-wrap属性用于长单词和URL地址的自动换行 1 font-size属性用于设置字号。 2 font-family属性...

css入门笔记: 取值：数值 px （pt） 2.内部样式在网页独立地方声明所有样式在头元素<head></head>中先增加一对<style></style>,在<style>标记写样式规则样式规则：由选择器和样式声明组成 3....

三星9305收索: -o-box-shadow:inset 1px 1px 5px #2964bb}#fm .bdsug{top:35px}.bdsug{width:538px;border-color:#ccc;box-shadow:1px 1px 3px #ededed;-webkit-box-shadow:1px 1px 3px #ededed;-moz-box-shadow:1px 1px 3px #...

CSS中的字体大小设置属性总结: 在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EMS优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。...

彻底掌握CSS中的percentage百分比值使用: 100% = 1em = 16px = 12pt 如果用来设置宽和高等非字体尺寸，则以百分比为单位的长度值是基于具有相同属性的父元素的长度值。 CSS Code复制内容到剪贴板 <!DOCTYPE html> <html> <h

Global site tag (gtag.js) - Google Analytics