`
wangshaofei
  • 浏览: 281671 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css px em pt

    博客分类：
  • css
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对浏览器的兼容性
评论
发表评论

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

相关推荐

    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中设置字体大小时，开发者经常遇到四种单位：em、px、pt和百分比(%)。这些单位在使用时各有特点和适用场景，下面详细解释它们之间的关系及换算方式。 首先，"em"是一个相对单位，它基于当前元素的字体大小。...

    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`（像素）是最常用的长度单位，它代表显示器上的一个物理像素。由于显示器的分辨率通常以像素为单位，...

    CSS长度单位 px和pt的区别

    如果未指定px或pt，浏览器会使用默认的12pt（16px）作为基准，通过增大或减小em值来调整字体大小。在Internet Explorer中，即使定义了px或pt，用户仍可以通过浏览器设置改变字体大小，而em则会根据这个设置进行相应...

    css中的长度单位(em/ex/px/pt)使用介绍

    本文将详细介绍四种常用的CSS长度单位：em、ex、px和pt。 首先，em单位是基于当前字体的大小，通常用于响应式设计中。1em等于当前字体的font-size值。例如，如果一个元素的font-size被设置为20px，那么在这个元素中...

    前端大厂面试思维导图-css面试

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

    CSS中的各属性意思.docx

    边距可以是绝对值（px、pt、cm、mm）或相对值（%、em），填充距可以是绝对值（px、pt、cm、mm）或相对值（%、em），边框可以是 none、solid、dashed、dotted 等，宽度和高度可以是绝对值（px、pt、cm、mm）或相对值...

    Css+div_常用CSS标签及属性

    * 相对单位：em、ex、px 其中，em是相对于字体的font-size值的单位，ex是相对于字体中的小写x字母的高度值的单位，px是像素单位。 Css中的元素分类 在Css中，元素可以分为以下几种： * block（块级元素）：包括P...

    CSS语法手册(CSS手册).pdf

    font-size属性定义字体的大小，可以使用各种单位，包括相对单位（em, ex）和绝对单位（pt, px）等。 在内容片段中，还看到了一些具体的样式声明，例如： ```css font-style: normal; font-variant: small-caps; ...

    详解CSS3 rem(设置字体大小) 教程

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

    CSS属性大全-基础属性

    - **允许值**: px | pt | in | cm | mm | q | pc | ex | em | rem | vw | vh | vmin | vmax 等。 - **说明**: 设置长度值，包括像素(px)、点(pt)、英寸(in)等。 #### 百分比单位 - **语法**: `%` - **说明**: 设置...

    CSS初级教程,ppt,....

    - CSS单位包括绝对单位（如px、pt）和相对单位（如em、rem），还有百分比单位，用于设置元素尺寸和间距。 ### 第六章：CSS属性 - CSS属性涵盖广泛，如字体相关的`font-family`、`font-size`，布局相关的`margin`、...

Magicbox
Global site tag (gtag.js) - Google Analytics