1、DHTMLET - Cascading Style Sheet 2.0 中文手册Table of Contents1. 简介 Introducing71.1 样式表简介 Introduction to CSS2 .71.2 关于本手册 About this handbook.81.3 苏沈小雨 About rain1977 .92. 属性 Properties .102.1 字体 Font.132.1.1 font142.1.2 color 152.1.3 font-family 162.1.4 font-size 162.1.5 font-size-adjust .172.1.6 font-
2、stretch .172.1.7 font-style.182.1.8 font-weight .192.1.9 text-decoration .192.1.10 text-underline-position .202.1.11 text-shadow 212.1.12 font-variant .212.1.13 text-transform.222.1.14 line-height.232.1.15 letter-spacing 232.1.16 word-spacing.242.2 文本 Text .252.2.1 text-indent 272.2.2 text-overflow
3、272.2.3 vertical-align .282.2.4 text-align .292.2.5 layout-flow292.2.6 writing-mode 302.2.7 direction312.2.8 unicode-bidi 312.2.9 word-break322.2.10 line-break 332.2.11 white-space.332.2.12 word-wrap 342.2.13 text-autospace 352.2.14 text-kashida-space 352.2.15 text-justify.362.2.16 ruby-align 362.2.
4、17 ruby-overhang.372.2.18 ruby-position.382.2.19 ime-mode392.2.20 layout-grid.402.2.21 layout-grid-char 402.2.22 layout-grid-char-spacing .412.2.23 layout-grid-line412.2.24 layout-grid-mode 422.2.25 layout-grid-type 432.3 背景 Background .432.3.1 background .442.3.2 background-attachment .452.3.3 back
5、ground-color452.3.4 background-image 462.3.5 background-position .462.3.6 background-positionX.472.3.7 background-positionY .482.3.8 background-repeat .482.3.9 layer-background-color.492.3.10 layer-background-image .492.4 定位 Positioning 502.4.1 position .502.4.2 z-index.512.4.3 top.522.4.4 right.522
6、.4.5 bottom 532.4.6 left.532.5 尺寸 Dimensions .542.5.1 height 552.5.2 max-height 562.5.3 min-height.562.5.4 width .572.5.5 max-width .582.5.6 min-width582.6 布局 Layout .592.6.1 clear 602.6.2 float.612.6.3 clip.622.6.4 overflow 622.6.5 overflow-x .632.6.6 overflow-y .642.6.7 display .652.6.8 visibility
7、 .662.7 外补丁 Margins .672.7.1 margin.672.7.2 margin-top 682.7.3 margin-right 692.7.4 margin-bottom692.7.5 margin-left 702.8 轮廓 Outlines.712.8.1 outline.712.8.2 outline-color722.8.3 outline-style 722.8.4 outline-width 732.9 边框 border .732.9.1 border .742.9.2 border-color752.9.3 border-style 762.9.4 bo
8、rder-width.772.9.5 border-top.782.9.6 border-top-color .782.9.7 border-top-style792.9.8 border-top-width 792.9.9 border-right 802.9.10 border-right-color .812.9.11 border-right-style812.9.12 border-right-width 822.9.13 border-bottom 832.9.14 border-bottom-color.832.9.15 border-bottom-style .842.9.16
9、 border-bottom-width852.9.17 border-left.852.9.18 border-left-color .862.9.19 border-left-style862.9.20 border-left-width 872.10 内容 Generated Content .882.10.1 include-source.892.10.2 quotes .892.10.3 content902.10.4 counter-increment912.10.5 counter-reset 912.11 内补丁 Paddings922.11.1 padding .922.11
10、.2 padding-top.932.11.3 padding-right 942.11.4 padding-bottom 942.11.5 padding-left.952.12 列表 Lists .962.12.1 list-style.962.12.2 list-style-image972.12.3 list-style-position.972.12.4 list-style-type 982.12.5 marker-offset 992.13 表格 table 1002.13.1 border-collapse .1012.13.2 border-spacing 1012.13.3
11、 caption-side 1022.13.4 empty-cells1032.13.5 table-layout.1032.13.6 speak-header 1042.14 滚动条 Scrollbar 1042.14.1 scrollbar-3d-light-color .1052.14.2 scrollbar-highlight-color1062.14.3 scrollbar-face-color .1062.14.4 scrollbar-arrow-color 1072.14.5 scrollbar-shadow-color .1082.14.6 scrollbar-dark-sha
12、dow-color.1082.14.7 scrollbar-base-color 1092.15 打印 Printing1102.15.1 page 1112.15.2 page-break-after .1112.15.3 page-break-before 1122.15.4 page-break-inside .1122.15.5 marks 1132.15.6 orphans .1142.15.7 size 1142.15.8 widows1152.16 声音 Aural1152.16.1 voice-family.1172.16.2 volume 1172.16.3 elevatio
13、n .1182.16.4 azimuth .1192.16.5 stress.1202.16.6 richness .1202.16.7 speech-rate .1212.16.8 cue 1212.16.9 cue-after .1222.16.10 cue-before.1232.16.11 pause.1232.16.12 pause-after1242.16.13 pause-before.1242.16.14 pitch 1252.16.15 pitch-range1252.16.16 play-during1262.16.17 speak.1272.16.18 speak-num
14、eral 1272.16.19 speak-punctuation 1282.17 其它 Classification .1282.17.1 cursor 1292.17.2 behavior 1302.17.3 filter.1302.17.4 zoom .1313. 选择符 Selectors .1323.1 通配选择符 Universal Selector .1333.2 类型选择符 Type Selectors .1333.3 属性选择符 Attribute Selectors 1343.4 包含选择符 Descendant Selectors1343.5 子对象选择符 Child S
15、electors.1353.6 ID 选择符 ID Selectors1353.7 类选择符 Class Selectors.1363.8 选择符分组 Grouping .1374. 伪类 Pseudo-Classes1374.1 :link 1384.2 :hover.1384.3 :active.1394.4 :visited1394.5 :focus .1404.6 :first-letter1404.7 :first-line.1414.8 :first-child.1414.9 :first1424.10 :left.1424.11 :right.1434.12 :lang .143
16、5. 伪对象 Pseudo-Elements 1435.1 :before .1445.2 :after 1446. 规则 At-Rules.1456.1 import.1456.2 charset1466.3 font-face .1466.4 fontdef1476.5 page1476.6 media1487. 声明 Declaration1487.1 !important1498. 单位 Units1498.1 长度 Length .1508.1.1 px 1508.1.2 em .1518.1.3 ex.1518.1.4 pt.1528.1.5 pc 1528.1.6 in .152
17、8.1.7 mm1538.1.8 cm .1538.2 颜色 Color1548.2.1 rgb(RGB)1548.2.2 #RRGGBB.1558.2.3 Color Name .1558.3 角度 Angle .1568.3.1 deg 1568.3.2 grad .1568.3.3 rad.1578.4 时间 Time 1578.4.1 s.1588.4.2 ms1588.5 频率 Frequency .1588.5.1 Hz 1598.5.2 kHz 1599. 附录 Appendix.1609.1 颜色表 Color Table 1609.2 设备类型 Media Types1619
18、.3 字符集识别 Character Set Recognition.1619.4 ISO Latin-1 字符集 ISO Latin-1 Character Set.1739.5 HTML 附加命名实体 .1779.6 特殊文本和 BIDI 文本的字符实体 18310. Addenda.18410.1 18410.2 DHTMLET - Cascading Style Sheet 2.0 中文手册 1851. 简介 Introducing简 介 Introduction(See 1.1)选 择 符 Selector(See 3.)伪 类 Pseudo-Classes(See 4.)伪 对 象
19、 Pseudo-Elements(See 5.)规 则 At-Rules(See 6.)声 明 Declaration(See 7.)属 性 Properties(See 2.)单 位 Units(See 8.)DHTMLET.COMRAIN1977.COMER关 于 本 手 册 (See 1.2)关 于 苏 沈 小 雨 (See 1.3)安 装 DHTMLET 频 道设 DHTMLET 为 默 认 首 页 样 式 表 中 文 手 册 (See 1.) 在 线 资 源 (See 1.) 关 于 (See 1.) 设 置 (See 1.) 信 箱 (See 1.2)1.1 样式表简介 Intro
20、duction to CSS2Introduction To CSS2 样式表简介说明：本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新最全的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 本手册的升级信息与版权声明请参阅关于本书(See 1.2)页面。本手册中专用词汇请参阅 中英文词汇对照表(See 1.2)。 限于篇幅，对于一些过于繁杂的相关内容，如动态样式属性（Dynamic Properties） ，滤镜（Filters(See 2.17.3)） ，行为（Behaviors (See 2.17.2)）请参阅我的其它相关著作。 本书中涉及到
21、的所有 HTML 对象（Object，Element） ，HTML 特性（Attributes ）和属性（Properties ）请参阅我的相关著作。 什么是样式表CSS 是 Cascading Style Sheet 的缩写。译作层叠样式表单 。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 important(See 7.1)声明。 链入外部样式表文件 (Linking to a Style
22、Sheet)你可以先建立外部样式表文件（.css） ，然后使用 HTML 的 link 对象。示例如下： title of article而在 XML 中，你应该如下例所示在声明区中加入： 定义内部样式块对象 (Embedding a Style Block)你可以在你的 HTML 文档的 和标记之间插入一个.块对象。 定义方式请参阅样式表语法。示例如下： 请注意，这里将 style 对象的 type 属性设置为“text/css“ ，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles)内联定义即是在对象的标记内使用对象的 style 属性定义适用其的样式表属性。
23、示例如下： 这一行被增加了左右的外补丁 样式表语法 (CSS Syntax)Selector property: value 参数说明： Selector - 选择符(See 3.) property : value - 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开 继承的值 (The Inherit Value)每个属性都有一个指定的值：Inherit 。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。 1.2 关于本手册 About this handbook简 介 Introduction(See 1.1)选 择 符
24、Selector(See 3.)伪 类 Pseudo-Classes(See 4.)伪 对 象 Pseudo-Elements(See 5.)规 则 At-Rules(See 6.)声 明 Declaration(See 7.)属 性 Properties(See 2.)单 位 Units(See 8.)DHTMLET.COMRAIN1977.COMER关 于 本 手 册 (See 1.2)关 于 苏 沈 小 雨 (See 1.3)安 装 DHTMLET 频 道设 DHTMLET 为 默 认 首 页 样 式 表 中 文 手 册 (See 1.) 在 线 资 源 (See 1.) 关 于 (Se
25、e 1.) 设 置 (See 1.) 信 箱 About this handbook版 权 声 明 (COPYRIGHT)本手册由苏沈小雨(See 1.3)整理，翻译，编写。版权所有者为苏沈小雨。 您可以免费的使用、分发本手册。但未经苏沈小雨的授权许可不得擅自进行篡改、反编译，及将其全部或部分用于商业用途。 本手册受著作权法和国际公约的保护，作者保留对本手册及本声明的最终修改权。 本手册的部分内容参考了 Mainsoft(R)及 World Wide Web Consortium (W3C)公开的网络文档。 本手册使用 Mainsoft(R)的 HTML Help 格式制作。 er 是苏沈小雨
26、使用的个人标识。dhtmlet 是苏沈小雨的个人网站使用的标识。 版 本 更 新 (UPDATE)本手册当前版本时间为 2001 年 4 月 1 日。手册中的内容在此日期后发生的变动或更新将在本手册的更新版本中出现。 您可以随时访问我的网站 检查并获取更新版本。 您也可以给我写电子邮件咨询及洽谈商业合作。关于我的介绍您可以在关于苏沈小雨(See 1.3)页面获得。 1.3 苏沈小雨 About rain1977简 介 Introduction(See 1.1)选 择 符 Selector(See 3.)伪 类 Pseudo-Classes(See 4.)伪 对 象 Pseudo-Elemen
27、ts(See 5.)规 则 At-Rules(See 6.)声 明 Declaration(See 7.)属 性 Properties(See 2.)单 位 Units(See 8.)DHTMLET.COMRAIN1977.COMER关 于 本 手 册 (See 1.2)关 于 苏 沈 小 雨 (See 1.3)安 装 DHTMLET 频 道设 DHTMLET 为 默 认 首 页 样 式 表 中 文 手 册 (See 1.) 在 线 资 源 (See 1.) 关 于 (See 1.) 设 置 (See 1.) 信 箱 About rain1977简历(Vita)1996 - 1999 中国航空
28、油料分安徽公司(CAOSC) 1999 - 2000 北京清华园中文在线网络技术有限公司() 2000 - 上海榕树下计算机有限公司() 自述(Intro)精通脚本(JScripts) 、样式表(CSS)、HTML4.0 等技术。有专业的手写代码、优化网页、脚本编程、图片处理、网站策划的能力。 有丰富的独立或合作项目经验。能够熟练使用或很快上手任何常见的和网页制作有关的代码编辑、图片处理等工具软件。 并有较高一定的文学水平。 希望寻求网页设计制作，团队项目合作，教材编写等工作机会。有意者请与我联系。 联络方式主页： 、 信箱： 、、 电话： 13916616163（上海） 邮寄地址：上海市北京
29、西路 1399 号建京大厦 12 楼 E3 榕树下 苏昱(小雨)收 邮政编码：200040 2. 属性 PropertiesCSS Properties Reference 样式表属性字体 Fontfont(See 2.1.1) color(See 2.1.2) font-family(See 2.1.3) font-size(See 2.1.4) font-size-adjust(See 2.1.5) font-stretch(See 2.1.6) font-style(See 2.1.7) font-weight(See 2.1.8) text-decoration(See 2.1.9)
30、text-underline-position(See 2.1.10) text-shadow(See 2.1.11) font-variant(See 2.1.12) text-transform(See 2.1.13) line-height(See 2.1.14) letter-spacing(See 2.1.15) word-spacing(See 2.1.16) 文本 Texttext-indent(See 2.2.1) text-overflow(See 2.2.2) vertical-align(See 2.2.3) text-align(See 2.2.4) layout-fl
31、ow(See 2.2.5) writing-mode(See 2.2.6) direction(See 2.2.7) unicode-bidi(See 2.2.8) word-break(See 2.2.9) line-break(See 2.2.10) white-space(See 2.2.11) word-wrap(See 2.2.12) text-autospace(See 2.2.13) text-kashida-space(See 2.2.14) text-justify(See 2.2.15) ruby-align(See 2.2.16) ruby-position(See 2.
32、2.18) ruby-overhang(See 2.2.17) ime-mode(See 2.2.19) layout-grid(See 2.2.20) layout-grid-char(See 2.2.21) layout-grid-char-spacing(See 2.2.22) layout-grid-line(See 2.2.23) layout-grid-mode(See 2.2.24) layout-grid-type(See 2.2.25) 背景 Backgroundbackground(See 2.3.1) background-attachment(See 2.3.2) ba
33、ckground-color(See 2.3.3) background-image(See 2.3.4) background-position(See 2.3.5) background-positionX(See 2.3.6) background-positionY(See 2.3.7) background-repeat(See 2.3.8) layer-background-color(See 2.3.9) layer-background-image(See 2.3.10) 定位 Positioningposition(See 2.4.1) z-index(See 2.4.2)
34、top(See 2.4.3) right(See 2.4.4) bottom(See 2.4.5) left(See 2.4.6) 尺寸 Dimensionsheight(See 2.5.1) max-height(See 2.5.2) min-height(See 2.5.3) width(See 2.5.4) max-width(See 2.5.5) min-width(See 2.5.6) 布局 Layoutclear(See 2.6.1) float(See 2.6.2) clip(See 2.6.3) overflow(See 2.6.4) overflow-x(See 2.6.5)
35、 overflow-y(See 2.6.6) display(See 2.6.7) visibility(See 2.6.8) 外补丁 Marginsmargin(See 2.7.1) margin-top(See 2.7.2) margin-right(See 2.7.3) margin-bottom(See 2.7.4) margin-left(See 2.7.5) 轮廓 Outlinesoutline(See 2.8.1) outline-color(See 2.8.2) outline-style(See 2.8.3) outline-width(See 2.8.4) 边框 Borde
36、rsborder(See 2.9.1) border-color(See 2.9.2) border-style(See 2.9.3) border-width(See 2.9.4) border-top(See 2.9.5) border-top-color(See 2.9.6) border-top-style(See 2.9.7) border-top-width(See 2.9.8) border-right(See 2.9.9) border-right-color(See 2.9.10) border-right-style(See 2.9.11) border-right-wid
37、th(See 2.9.12) border-bottom(See 2.9.13) border-bottom-color(See 2.9.14) border-bottom-style(See 2.9.15) border-bottom-width(See 2.9.16) border-left(See 2.9.17) border-left-color(See 2.9.18) border-left-style(See 2.9.19) border-left-width(See 2.9.20) 内容 Generated Contentinclude-source(See 2.10.1) qu
38、otes(See 2.10.2) content(See 2.10.3) counter-increment(See 2.10.4) counter-reset(See 2.10.5) 内补丁 Paddingspadding(See 2.11.1) padding-top(See 2.11.2) padding-right(See 2.11.3) padding-bottom(See 2.11.4) padding-left(See 2.11.5) 列表项目 Listslist-style(See 2.12.1) list-style-image(See 2.12.2) list-style-
39、position(See 2.12.3) list-style-type(See 2.12.4) marker-offset(See 2.12.5) 表格 Tableborder-collapse(See 2.13.1) border-spacing(See 2.13.2) caption-side(See 2.13.3) empty-cells(See 2.13.4) table-layout(See 2.13.5) speak-header(See 2.13.6) 滚动条 Scrollbarsscrollbar-3d-light-color(See 2.14.1) scrollbar-hi
40、ghlight-color(See 2.14.2) scrollbar-face-color(See 2.14.3) scrollbar-arrow-color(See 2.14.4) scrollbar-shadow-color(See 2.14.5) scrollbar-dark-shadow-color(See 2.14.6) scrollbar-base-color(See 2.14.7) 打印 Printingpage(See 2.15.1) page-break-after(See 2.15.2) page-break-before(See 2.15.3) page-break-i
41、nside(See 2.15.4) marks(See 2.15.5) orphans(See 2.15.6) size(See 2.15.7) widows(See 2.15.8) 声音 Auralvoice-family(See 2.16.1) volume(See 2.16.2) elevation(See 2.16.3) azimuth(See 2.16.4) stress(See 2.16.5) richness(See 2.16.6) speech-rate(See 2.16.7) cue(See 2.16.8) cue-after(See 2.16.9) cue-before(S
42、ee 2.16.10) pause(See 2.16.11) pause-after(See 2.16.12) pause-before(See 2.16.13) pitch(See 2.16.14) pitch-range(See 2.16.15) play-during(See 2.16.16) speak(See 2.16.17) speak-numeral(See 2.16.18) speak-punctuation(See 2.16.19) 其它属性 Classificationbehavior(See 2.17.2) zoom(See 2.17.4) cursor(See 2.17
43、.1) filter(See 2.17.3) 说明：这种颜色是 CSS2 标准属性。这种颜色是 IE 建议样式表属性。 这种颜色是 NS 私有属性。这种颜色是目前尚无浏览器支持的属性。 2.1 字体 FontCSS Font Properties 字体属性Font Properties属性CSS Version版本Compatibility兼容性Inherit From Parent继承性Description简介font(See 2.1.1) CSS1/CSS2 IE4+ , NS4+ 有 复合属性。设置或检索对象中的文本特性color(See 2.1.2) CSS1 IE4+ , NS4+
44、 有 检索或设置对象的文本颜色font-family(See 2.1.3) CSS1 IE4+ , NS4+ 有设置或检索用于对象中文本的字体名称序列font-size(See 2.1.4) CSS1 IE4+ , NS4+ 有 设置或检索对象中的字体尺寸font-size-adjust(See 2.1.5)CSS2 NONE 有设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸font-stretch(See 2.1.6) CSS2 NONE 有设置或检索用于对象中文本的文字是否横向的拉伸变形font-style(See 2.1.7) CSS1 IE4+ , NS4+ 有 设置或检索
45、对象中的字体样式font-weight(See 2.1.8) CSS1 IE4+ , NS4+ 有 设置或检索对象中的文本字体的粗细text-decoration(See 2.1.9)CSS1 IE4+ , NS4+ 无检索或设置对象中的文本的装饰，如下划线 、闪烁等text-underline-position(See 2.1.10)IE 专有属性 IE5.5+ 有设置或检索 text-decoration(See 2.1.9)属性定义的下划线的位置text-shadow(See 2.1.11) CSS2 NONE 无设置或检索对象中文本的文字是否有阴影及模糊效果font-variant(S
46、ee 2.1.12) CSS1 IE4+ , NS6+ 有设置或检索对象中的文本是否为小型的大写字母text-transform(See 2.1.13)CSS1 IE4+ , NS4+ 有 检索或设置对象中的文本的大小写line-height(See 2.1.14) CSS1 IE4+ , NS4+ 有检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离letter-spacing(See 2.1.15)CSS1 IE4+ , NS6+ 有 检索或设置对象中的文字之间的间隔word-spacing(See 2.1.16)CSS1 IE4+ , NS6+ 有检索或设置对象中的单词之间插入的
47、空格数。对于 IE4+而言仅在 MAC 平台上可用说明：这种颜色是 CSS2 标准属性。这种颜色是 IE 建议样式表属性。 这种颜色是 NS 私有属性。这种颜色是目前尚无浏览器支持的属性。 2.1.1 fontfont 版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：有语法： font : font-style (See 2.1.7)| font-variant (See 2.1.12)| font-weight (See 2.1.8)| font-size (See 2.1.4)| line-height (See 2.1.14)| font-family (See 2.1.3
48、)font : caption | icon | menu | message-box | small-caption | status-bar 参数： 该属性是复合属性。第一种声明方式请参阅各参数对应的属性。第二种声明方式中的参数属于 CSS2。 caption : 使用有标题的系统控件的文本字体（如按钮，菜单等） icon : 使用图标标签的字体 menu : 使用菜单的字体 message-box : 使用信息对话框的文本字体 small-caption : 使用小控件的字体 status-bar : 使用窗口状态栏的字体 说明： 设置或检索对象中的文本特性。该属性是复合属性。第一种声明
49、方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。对于如何使用用户端系统可能没有的字体，可以参阅font-face(See 6.3)规则。 对应的脚本特性为 font。请参阅我编写的其他书目。 示例： p font: italic small-caps 600 12pts/18pts 宋体; p font: italic small-caps 600 12pts/150% Courier; p font: italic small-caps 600 12pts/1.5 Courier; p font: italic small-caps 600 12pts/18pts Courier; p font: /18pts serif; p
