理论教育 网页设计与制作-长度百分比单位

网页设计与制作-长度百分比单位

时间:2023-11-04 理论教育 版权反馈
【摘要】:CSS中在文字设置、排版设置和边界设置上,经常在属性值后加上长度或百分比单位。长度值由可选的正负号(+或-)接一个数字,后跟标明单位的两个字母组成。长度单位见表7-1。表7-1长度单位设置属性时,大多数仅能使用正数,只有少数属性可使用正、负数的设置。每一个可以使用百分比值单位指定的属性,同时也自定义了这个百分比值的参照值。正负号、数字与百分号之间不能有空格。

网页设计与制作-长度百分比单位

CSS中在文字设置、排版设置和边界设置上,经常在属性值后加上长度百分比单位。

1.长度单位

长度单位有两种,一个是相对长度单位,另一个是绝对长度单位。相对长度单位是指以该属性相对于前一个属性的单位值为基础,来完成目前的设置;绝对长度单位不会随显示设备的不同而改变,即属性值使用绝对单位时,不论在何种设备上显示都是一样的,如屏幕上的3cm与打印机上的3cm是等长的。由于相对长度单位能较好地适应不同的媒体,所以在使用时可以首先考虑使用它。

长度值由可选的正负号(+或-)接一个数字,后跟标明单位的两个字母组成。在一个长度值中不能有空格。长度单位见表7-1。注意,当使用pt时,如果设置的显示字体大小不同,显示效果也会不同。

表7-1 长度单位

设置属性时,大多数仅能使用正数,只有少数属性可使用正、负数的设置。若属性值设置为负数,且超过浏览器所能接受的范围,浏览器将会选择比较靠近且能支持的数值。(www.daowen.com)

2.百分比单位

百分比单位也是一种常用的相对类型。百分比值是相对于另一个值来说的,该值可以是长度单位或是其他单位。每一个可以使用百分比值单位指定的属性,同时也自定义了这个百分比值的参照值。大多数情况下,这个参照值是该元素本身的字体尺寸。并非所有属性都支持百分比单位。

一个百分比值由可选的正负号(+或-),接着一个数字,后跟百分号“%”组成。如果百分比值是正,正号可以不写。正负号、数字与百分号之间不能有空格。例如:

p{line-height:200%}/*本段文字的高度为标准行高的2倍*/

hr{width:60%}/*线段长度是相对于浏览器窗口的60%*/

注意,不论使用哪种单位,在设置时数值与单位间不要加空格。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈