CSS手册简编(10)

2008-02-23 08:30:54来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


属性值: [<percentage> | <length> ] | [top | center | bottom] || [left | center | right]
初始值: 0% 0%
适合对象: 容器元素
是否继承: no
百分比备注: refer to the size of the element itself

其中属性值含义为:
"top left""left top"表示"0% 0%"
"top""top center""center top"表示"50% 0%"
"right top""top right"都表示"100% 0%"
"left""left center""center left"表示"0% 50%"
"center""center center"表示"50% 50%"
"right""right center""center right"都表示"100% 50%"
"bottom left""left bottom"表示"0% 100%"
"bottom""bottom center""center bottom"都表示"50% 100%"
"bottom right"
"right bottom"表示"100% 100%"
例如:

BODY { background: url(banner.jpeg) right top } /* 100% 0% */
BODY { background: url(banner.jpeg) top center } /* 50% 0% */
BODY { background: url(banner.jpeg) center } /* 50% 50% */
BODY { background: url(banner.jpeg) bottom } /* 50% 100% */

background属性是以上背景属性的快捷方式,属性和顺序如下:

属性名称: 'background'
属性值: <'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>
适合对象: 所有元素
是否继承: no
百分比备注: 只在background-position中容许使用


CSS属性:

5、字体(Font)属性:

这里定义了关于字体的各种属性。

font-family属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称,字体的名称一定要和计算机系统里的完全一样:

属性名称: 'font-family'
属性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]
初始值: 根据用户定义而定
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

有些计算机系统里如果没有样式单要求的字体,可以再设一个次字体以备万一。例如:

BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

family-name是指确定的某字体,如Heisi Mincho W3generic-family指某一类字体,如serif

font-style属性描述字体的倾斜程度:

属性名称: 'font-style'
属性值: normal | italic | oblique
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止


font-variant属性:

属性名称: 'font-variant'
属性值: normal | small-caps
初始值: normal
适合对象:

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:中文排版CSS心得

下一篇:CSS布局自适应高度解决方法