css长度单位Word文档格式.docx

css长度单位Word文档格式.docx

《css长度单位Word文档格式.docx》由会员分享，可在线阅读，更多相关《css长度单位Word文档格式.docx（27页珍藏版）》请在冰豆网上搜索。

font-size:

16px;

div{

overflow:

hidden;

width:

10ch;

background:

#ccc;

/head>

body>

h1>

定义一个宽度正好能装下10个0的容器：

/h1>

div>

0000000000<

/div>

/body>

/html>

2cm

cm<

厘米（Centimeters）。

绝对长度单位。

1in=2.54cm=25.4mm=72pt=6pc=96px

示例代码：

div{font-size:

1cm;

}

p{height:

10cm;

10cm;

#eee;

p{

0;

padding:

line-height:

150%;

定义一个宽度为10cm的容器：

<

p>

这是一个宽度为10cm的容器<

/p>

3em

em_CSS参考手册_web前端开发参考手册系列<

描述：

相对长度单位。

相对于当前对象内文本的字体尺寸。

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

-->

body{

14px;

.size1p{

1em;

.size2p{

2em;

.size3p{

3em;

假定当前默认字体尺寸是14px，nem即为14px字体尺寸的n倍：

ul>

liclass="

size1"

<

strong>

1em<

/strong>

:

1em大小的文字<

/li>

size2"

2em<

2em大小的文字<

size3"

3em<

3em大小的文字<

/ul>

4ex

ex<

说明：

相对于字符“x”的高度。

通常为字体高度的一半。

.x{

height:

1ex;

#aaa;

定义一条与字母x高度相同的线：

xxxx<

divclass="

x"

5in

in<

metaname="

author"

content="

"

copyright"

www.ICS.com"

英寸（Inches）。

1in;

10in;

ul{

list-style:

none;

li{

margin-top:

8px;

.in{

1in;

.pt{

72pt;

.pc{

6pc;

.px{

96px;

.cm{

2.54cm;

.mm{

25.4mm;

单位转换对比：

in"

1in<

pt"

72pt<

pc"

6pc<

px"

96px<

cm"

2.54cm<

mm"

25.4mm<

1in=2.54cm=25.4mm=72pt=6pc=96px<

6lengthindex

LengthUnitsindex<

Description"

CSS长度单位"

Keywords"

CSSLengthUnits,em,ex,px,rem,vw,vh,vm,%,cm,mm,in,pt,pc"

robots"

all"

长度。

--[iflteIE8]>

scriptsrc="

../../js/html5.js"

/script>

[endif]-->

styletype="

text/css"

table{

border:

1pxsolid#666666;

border-width:

1px;

th{

tr{

40px;

td{

headerid="

hd"

h1class="

tit"

CSSLengthUnits<

ulclass="

info"

li>

长度单位<

/header>

sectionid="

bd"

length-listing"

class="

gmodulegattr"

h2class="

长度单位LengthUnits<

/h2>

cont"

<

tableclass="

gdataform"

<

thead>

<

tr>

<

th>

LengthUnits<

br/>

/th>

CSSVersion<

版本<

Description<

简介<

/tr>

/thead>

tbody>

thcolspan="

4"

文本相对长度单位Font-relativeLengthUnits<

td>

ahref="

em.htm"

em<

/a>

<

CSS1<

/td>

相对于当前对象内文本的字体尺寸<

ex.htm"

通常为字体高度的一半<

ch.htm"

linkcss3"

ch<

CSS3<

数字“0”的宽度<

rem.htm"

rem<

相对于根元素（即html元素）<

../../properties/font/font-size.htm"

font-size<

计算值的倍数<

视口相对长度单位Viewport-relativeLengthUnits<

vw.htm"

vw<

相对于视口的宽度。

视口被均分为100单位的vw<

vh.htm"

vh<

相对于视口的高度。

视口被均分为100单位的vh<

vm.htm"

vm<

相对于视口的宽度或高度，总是相对于小的那个。

视口的宽度或高度被均分为100单位的vm<

绝对长度单位AbsoluteLengthUnits<

cm.htm"

厘米<

mm.htm"

mm<

毫米<

in.htm"

英寸（inches）;

1in=2.54cm<

pt<

点（points）;

1pt=1/72in<

pc<

派卡（picas）;

1pc=12pt<

px.htm"

px<

像素（pixels）;

1px=1/96in<

/tbody>

/table>

related"

strongclass="

这种颜色<

的链接表示是CSS3单位<

/section>

7mm

毫米（Millimeters）。

10mm;

100mm;

定义一个宽度为100mm的容器：

这是一个宽度为100mm的容器<

8pc

派卡（Picas）。

相当于我国新四号铅字的尺寸。

1pc;

10pc;

9pt

点（Points）。

1in=2.54cm=25.4mm=72pt=6pc=96px

10pt;

100pt;