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