长度单位:css 长度单位

/c/2008/11/kiy1a50ewiiggr14.asp
css 长度单位
css 中,长度单位有两种,分别是绝对长度单位和相对长度单位。
绝对长度单位
绝对长度单位分为 in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和实际中常用的单位完全相同。重点介绍一下 pt(磅)、pc(pica)。
pt(磅):是标准印刷上常用的单位,72pt 的长度为 1 英寸。
pc(pica):这也是一个印刷上用的单位,1pc 的长度为 12 磅。
绝对长度单位,虽然理解起来很容易,但是在网页的设计中很少用到。
相对长度单位
相对长度单位是使用最多的长度单位。包括 em、ex、px,下面分别介绍一下。
em 是定义文字大小的值,也就是文本中 font-size 属性的值。例如:定义某个元素的文字大小为 12pt,那么,对于这个元素来说 1em 就是 12pt,2em 就是 24pt。单位 em 的实际大小是受到字体尺寸的影响的。
ex 和 em 类似,指的是文本中字母 x 的高度,因为不同的字体的 x 的高度是不同的,所以 ex 的实际大小,受到字体和字体尺寸两个因素的影响。
px 就是通常所说的像素,使网页设计中使用最多的长度单位。将显示器分成非常细小的方格,每个方格就是一个像素。表面上看好像很容易理解,实际上,px 的具体大小是受到屏幕的分辨率影响的,也就是和划分屏幕各自的方式有关。例如,同样是 100px 大小的字体,如果显示器使用 800×600 像素的分辨率,那么,每个字的宽度是屏幕的 1/8。若将显示器的分辨率设置为 1024×768 像素,那么同样是 100px 字体的字,其宽度就越为屏幕宽度的 1/10。
本文链接http://www.cxybl.com/html/wyzz/CSS/20120601/27377.html

时间: 2024-08-04 05:51:58

长度单位:css 长度单位的相关文章

CSS长度单位的区别 - pt,px和cm的区别

在CSS样式表中,我们经常会看到pt, px,em,ex ,in等这类长度单位.它们各是什么意思,有什么区别呢? 我又写了另外一个HTML例子,测试一下cm. 在CSS样式表中,长度单位分两种: 相对长度单位,如px, em等 绝对长度单位,如pt,mm等 也谈px和pt的区别 经常看 到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好.有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而

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

  em:1em为当前字体font-size,一般浏览器默认为(16px); ex:以给定字体的小写字母x的高度为基准 px:像素,屏幕上的一个小方格 pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用

CSS长度单位优化方法

1. body选择器中声明Font-size=62.5%: 2. 将你的原来的px数值除以10,然后换上em作为单位: 简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了.经过以上两步,你会发现你的网站字体大得出乎想象.因为em的值不固定,又会继承父级元素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px.然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的话,p的字体大小就不是12px,而是1.2em=1.2 * 12

CSS的长度单位(em)与em标签

CSS支持多种长度单位.它们可被分成两大类:绝对长度单位(以不依赖于显示设备的绝对尺寸来定义长度):相对长度(相对其它为浏览器所知的单位来定义长度). 绝对长度度量可使用五种单位:英寸(in).厘米(cm).毫米(mm).磅(point,写作pt).字高(pica,写作pc).磅和字高通常被用作印刷单位,其中1pica=12pt.CSS把1pica定义为1/72in,也就是说,72pica=1in.这也是高品质打印机常用的 Adobe postscript 语言所采用的定义. CSS还支持以象素

CSS的长度单位参考

这里列出了CSS属性支持的长度单位.除非特别指出,长度单位都可在Microsoft Internet Explorer 3.0 及以后版本中使用.若标有星号(*),则表明该长度单位可在Internet Explorer 4.0 及以后版本中使用. CSS 长度单位表格 em 元素字体的高度. ex 字母"x"的高度. px 像素. % 百分比 in 英寸(1 英寸 = 2.54 厘米). cm 厘米. mm 毫米. pt 磅(1 磅 = 1/72 英寸). pc 皮卡(1 皮卡 = 1

CSS中常用的单位

css 一.长度单位 长度单位是Web页设计中最常用的一个单位.一个排列无序.杂乱无章的页面不可能给人们留下什么好的印象.于是,在设计的时候需要为元素的位置.尺寸精确地定义一些值,以使其达到预期的效果. CSS给予人们精确控制网页的能力,这一点为人们津津乐道.它允许人们定义外观.尺寸.空间及其他的样式.但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值.为什么呢?因为一个设计者虽然能够决定某一个特殊的屏幕分辨率,但是不可能决定别人的

HTML、CSS、JavaScript学习总结

网站开发的主要原则是: – 用标签元素HTML描述网页的内容结构: – 用CSS描述网页的排版布局: – 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序 HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 .  Html是通过标签来定义的语言,代码都是由标签所组成 .Html代码不用区分大小写 . Html代码由<html>开始</html>结束.里面由头部分<head><

CSS中常用的单位_经验交流

一.长度单位  长度单位是Web页设计中最常用的一个单位.一个排列无序.杂乱无章的页面不可能给人们留下什么好的印象.于是,在设计的时候需要为元素的位置.尺寸精确地定义一些值,以使其达到预期的效果.  CSS给予人们精确控制网页的能力,这一点为人们津津乐道.它允许人们定义外观.尺寸.空间及其他的样式.但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值.为什么呢?因为一个设计者虽然能够决定某一个特殊的屏幕分辨率,但是不可能决定别人的大脑

网页设计常用度量单位

一.长度单位 长度单位是Web页设计中最常用的一个单位.一个排列无序.杂乱无章的页面不可能给人们留下什么好的印象.于是,在设计的时候需要为元素的位置.尺寸精确地定义一些值,以使其达到预期的效果. CSS的主要功能之一就是CSS定位,这个定位的概念即包括位置的定位,也包括尺寸的定位.无论哪一种,都需要使用长度单位,不然,精确定位就无从谈起. 在CSS中,长度是一种度量尺寸,用于宽度.高度.字号.字和字母间距.文本的缩排.行高.页边距.贴边.边框线宽以及许许多多的其他属性. 1.定义长度 在Drea