当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS入门教程:长度与单位

时间:2013-03-02 03:44来源:未知 作者:admin 点击:

标签:CSS入门教程:长度与单位 单位(6)长度(6)入门教程(37)可以(28)示例(8)CSS(655)
CSS长度与单位示例 -- 可以尝试编纂 CSS长度与单位,em相对高度示例 ex单位 em是依赖于最近的字体的大小, CSS入门教程:详解border color ,ex是相对小写子母x的高度的倍数。ex丈量单位被使用在排版中 Tag:长度 单位 CSS入门 长度 单位 CSS入门 px是pixel像
CSS入门教程:长度与单位》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332942013.htm

CSS长度与单位示例 -- 可以尝试编纂
CSS长度与单位,em相对高度示例
ex单位
em是依赖于最近的字体的大小,CSS入门教程:详解border color,ex是相对小写子母x的高度的倍数。ex丈量单位被使用在排版中

Tag:长度   单位   CSS入门  ,CSS入门教程:整数类型与实数类型; 长度   单位  ,CSS入门教程:定义字符串; CSS入门  

 

px是pixel像素的缩写,这种测量方式依赖于用户盘算机显示器的分辩率。例如在雷同前提下,1024x768比1280x800的一像素要大。


div
{
 margin: 0;
}

绝对长度单位通常用于打印

 

相对长度依赖于应用的环境

--> [网站建设之]CSS入门教程:长度与单位

示例 CSS绝对长度

CSS入门教程,本文先容一下长度跟单位,首先懂得一下什么是长度,什么是单位。

相对长度依赖于用户使用的环境

 

div { margin: 0; } div { margin: 0px; } div { margin: 0em; }

上面三个例子描述的div的margin都为0,因此可以不用加单位

 

长度(表示为<length>),其公式为值是一个实数<number>,实数后面再加一个单位(例如:px,em等),CSS入门教程:什么是选择器,如果长度为0,也可以不加单位


上面三个例子描写的div的margin都为0,因而能够不必加单位

长度(表现为<length>),其公式为值是一个实数<number>,实数后面再加一个单位(例如:px,em等),假如长度为0,也可以不加单位

div
{
 font-size: 12px;
}
span
{
 font-size: 5em;
}
<div>
   ,CSS入门教程:什么是百分比类型;    ,CSS入门教程:什么是字符串类型; div中定义了12px的字体,CSS入门教程:CSS外部引用的方法.
        <span>,CSS入门教程:CSS声明;
                span中定义了5倍于div的字体.
   ,CSS入门教程:CSS内部引用与内联引用;     </span>
</div>
上面示例中的span中字体为div定义的五倍,因此它是依赖于其父容器的长度

CSS长度与单位示例 -- 可以尝试编辑
CSS长度与单位,em相对字体大小示例
div
{
 font-size: 12px;
 height: 5em;
 ,CSS入门教程:CCS注释语法;border: thick solid red;
}
定义div的字体为12px,div的高度为12px的5倍

div
{
 margin: 0px;
}

CSS支持的绝对长度单位in,cm,mm,pt,pc

em单位
依附于最近的字体尺寸

示例

绝对长度不依赖于环境(显示器、辨别率、操作体系等)

CSS支撑的相对长度单位em,ex,px

 

CSS长度与单位包括两品种型:相对(relative)与绝对(absolute)

良多属性可以使用负数的长度值,如果负数的长度值超越了CSS能包容的限度,此长度值将被改变为可以支持的最濒临的长度;如果某个属性不支持负数的长度,那么这个属性的申明将被疏忽

div
{
 margin: 0em;
}

px单位
pixel测量单位

 

CSS相对长度


(责任编辑:网站建设)
CSS入门教程:长度与单位相关文章
上一篇:CSS入门教程:详解border color 下一篇:CSS兼容 用CSS代码来判断浏览器是Firefox、IE6、IE7的代码
回到顶部