css 属性列表 和 属性值含义
CSS 属性:
1、媒体(Media)类型
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能
作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。
声明一个媒体属性可以用@import 或@media 引入:
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}
也可以在文档标记中引入媒体:
<LINK rel="stylesheet" type="text/css" media="print" href="foo.css">
可以看出,@import 和@media 的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。
@import 的使用方法是@import 加样式单文件的 URL 地址再加媒体类型,可以多个媒体共用一个样式单,媒体类
型之间用","分割符分开。@media 用法则是把媒体类型放在前面,其他规则和 rule-set 基本一样。下面列出各种
媒体类型:
SCREEN:指计算机屏幕。
PRINT:指用于打印机的不透明介质。
PROJECTION:指用于显示的项目。
BRAILLE:盲文系统,指有触觉效果的印刷品。
AURAL:指语音电子合成器。
TV:指电视类型的媒体。
HANDHELD:指手持式显示设备(小屏幕,单色)
ALL:适合于所有媒体。
2、BOX 模型(BOX Model)属性
什么是 BOX?CSS 把 HTML 中以<somesign>……</somesign>的部分称为 BOX(容器),BOX 有三类属性:
padding、margin 和 border。
Margin 属性:
Margin 属性分为 margin-top 、 margin-right 、 margin-bottom 、 margin-left
五个属性,分别表
示 BOX 里内容离边框的距离,它的属性值是数值单位,可以是长度、百分比或 auto,margin 甚至可以设为负值,
造成 BOX 与 BOX 之间的重叠显示,关于 margin 的属性详见下表:
属性名称: 'margin-top'、'margin-right'、'margin-bottom'、'margin-left'
属性值: <margin-width>
评论0
最新资源