CSS-2.0-中文手册.doc

1DHTMLET - Cascading Style Sheet 2.0 中文手册Table of Contents1. 简介 Introducing71.1 样式表简介 Introduction to CSS271.2 关于本手册 About this handbook81.3 苏沈小雨 About rain197792. 属性 Properties102.1 字体 Font132.1.1 font142.1.2 color152.1.3 font-family162.1.4 font-size162.1.5 font-size-adjust172.1.6 font-stretch172.1.7 font-style182.1.8 font-weight192.1.9 text-decoration192.1.10 text-underline-position202.1.11 text-shadow212.1.12 font-variant212.1.13 text-transform222.1.14 line-height232.1.15 letter-spacing232.1.16 word-spacing242.2 文本 Text252.2.1 text-indent272.2.2 text-overflow272.2.3 vertical-align282.2.4 text-align292.2.5 layout-flow292.2.6 writing-mode302.2.7 direction312.2.8 unicode-bidi312.2.9 word-break322.2.10 line-break332.2.11 white-space332.2.12 word-wrap342.2.13 text-autospace352.2.14 text-kashida-space352.2.15 text-justify362.2.16 ruby-align362.2.17 ruby-overhang372.2.18 ruby-position382.2.19 ime-mode392.2.20 layout-grid402.2.21 layout-grid-char402.2.22 layout-grid-char-spacing412.2.23 layout-grid-line412.2.24 layout-grid-mode422.2.25 layout-grid-type432.3 背景 Background432.3.1 background442.3.2 background-attachment452.3.3 background-color452.3.4 background-image462.3.5 background-position462.3.6 background-positionX472.3.7 background-positionY482.3.8 background-repeat482.3.9 layer-background-color492.3.10 layer-background-image492.4 定位 Positioning502.4.1 position502.4.2 z-index512.4.3 top522.4.4 right522.4.5 bottom532.4.6 left532.5 尺寸 Dimensions542.5.1 height552.5.2 max-height562.5.3 min-height562.5.4 width572.5.5 max-width582.5.6 min-width582.6 布局 Layout592.6.1 clear602.6.2 float612.6.3 clip622.6.4 overflow622.6.5 overflow-x632.6.6 overflow-y642.6.7 display652.6.8 visibility662.7 外补丁 Margins672.7.1 margin672.7.2 margin-top682.7.3 margin-right692.7.4 margin-bottom692.7.5 margin-left702.8 轮廓 Outlines712.8.1 outline712.8.2 outline-color722.8.3 outline-style722.8.4 outline-width732.9 边框 border732.9.1 border742.9.2 border-color752.9.3 border-style762.9.4 border-width772.9.5 border-top782.9.6 border-top-color782.9.7 border-top-style792.9.8 border-top-width792.9.9 border-right802.9.10 border-right-color812.9.11 border-right-style812.9.12 border-right-width822.9.13 border-bottom832.9.14 border-bottom-color832.9.15 border-bottom-style842.9.16 border-bottom-width852.9.17 border-left852.9.18 border-left-color862.9.19 border-left-style862.9.20 border-left-width872.10 内容 Generated Content882.10.1 include-source892.10.2 quotes892.10.3 content902.10.4 counter-increment912.10.5 counter-reset912.11 内补丁 Paddings922.11.1 padding922.11.2 padding-top932.11.3 padding-right942.11.4 padding-bottom942.11.5 padding-left952.12 列表 Lists962.12.1 list-style962.12.2 list-style-image972.12.3 list-style-position972.12.4 list-style-type982.12.5 marker-offset992.13 表格 table1002.13.1 border-collapse1012.13.2 border-spacing1012.13.3 caption-side1022.13.4 empty-cells1032.13.5 table-layout1032.13.6 speak-header1042.14 滚动条 Scrollbar1042.14.1 scrollbar-3d-light-color1052.14.2 scrollbar-highlight-color1062.14.3 scrollbar-face-color1062.14.4 scrollbar-arrow-color1072.14.5 scrollbar-shadow-color1082.14.6 scrollbar-dark-shadow-color1082.14.7 scrollbar-base-color1092.15 打印 Printing1102.15.1 page1112.15.2 page-break-after1112.15.3 page-break-before1122.15.4 page-break-inside1122.15.5 marks1132.15.6 orphans1142.15.7 size1142.15.8 widows1152.16 声音 Aural1152.16.1 voice-family1172.16.2 volume1172.16.3 elevation1182.16.4 azimuth1192.16.5 stress1202.16.6 richness1202.16.7 speech-rate1212.16.8 cue1212.16.9 cue-after1222.16.10 cue-before1232.16.11 pause1232.16.12 pause-after1242.16.13 pause-before1242.16.14 pitch1252.16.15 pitch-range1252.16.16 play-during1262.16.17 speak1272.16.18 speak-numeral1272.16.19 speak-punctuation1282.17 其它 Classification1282.17.1 cursor1292.17.2 behavior1302.17.3 filter1302.17.4 zoom1313. 选择符 Selectors1323.1 通配选择符 Universal Selector1333.2 类型选择符 Type Selectors1333.3 属性选择符 Attribute Selectors1343.4 包含选择符 Descendant Selectors1343.5 子对象选择符 Child Selectors1353.6 ID选择符 ID Selectors1353.7 类选择符 Class Selectors1363.8 选择符分组 Grouping1374. 伪类 Pseudo-Classes1374.1 :link1384.2 :hover1384.3 :active1394.4 :visited1394.5 :focus1404.6 :first-letter1404.7 :first-line1414.8 :first-child1414.9 :first1424.10 :left1424.11 :right1434.12 :lang1435. 伪对象 Pseudo-Elements1435.1 :before1445.2 :after1446. 规则 At-Rules1456.1 import1456.2 charset1466.3 font-face1466.4 fontdef1476.5 page1476.6 media1487. 声明 Declaration1487.1 !important1498. 单位 Units1498.1 长度 Length1508.1.1 px1508.1.2 em1518.1.3 ex1518.1.4 pt1528.1.5 pc1528.1.6 in1528.1.7 mm1538.1.8 cm1538.2 颜色 Color1548.2.1 rgb(RGB)1548.2.2 #RRGGBB1558.2.3 Color Name1558.3 角度 Angle1568.3.1 deg1568.3.2 grad1568.3.3 rad1578.4 时间 Time1578.4.1 s1588.4.2 ms1588.5 频率 Frequency1588.5.1 Hz1598.5.2 kHz1599. 附录 Appendix1609.1 颜色表 Color Table1609.2 设备类型 Media Types1619.3 字符集识别 Character Set Recognition1619.4 ISO Latin-1字符集 ISO Latin-1 Character Set1739.5 HTML附加命名实体1779.6 特殊文本和BIDI文本的字符实体18310. Addenda18410.118410.2 DHTMLET - Cascading Style Sheet 2.0 中文手册1851. 简介 Introducing简介 Introduction(See 1.1)选择符 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.)关于(See 1.)设置(See 1.)信箱(See 1.2)1.1 样式表简介 Introduction to CSS2Introduction To CSS2样式表简介说明：本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新最全的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 本手册的升级信息与版权声明请参阅关于本书(See 1.2)页面。本手册中专用词汇请参阅中英文词汇对照表(See 1.2)。 限于篇幅，对于一些过于繁杂的相关内容，如动态样式属性（Dynamic Properties），滤镜（Filters(See 2.17.3)），行为（Behaviors(See 2.17.2)）请参阅我的其它相关著作。 本书中涉及到的所有HTML对象（Object，Element），HTML特性（Attributes）和属性（Properties）请参阅我的相关著作。 什么是样式表CSS是Cascading Style Sheet 的缩写。译作层叠样式表单。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅important(See 7.1)声明。 链入外部样式表文件 (Linking to a Style Sheet)你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下： title of article而在XML中，你应该如下例所示在声明区中加入： 定义内部样式块对象 (Embedding a Style Block)你可以在你的HTML文档的和标记之间插入一个.块对象。 定义方式请参阅样式表语法。示例如下： 请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles)内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下： 这一行被增加了左右的外补丁 样式表语法 (CSS Syntax)Selector property: value 参数说明： Selector-选择符(See 3.) property:value-样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开 继承的值 (The Inherit Value)每个属性都有一个指定的值：Inherit。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。 1.2 关于本手册 About this handbook简介 Introduction(See 1.1)选择符 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.)关于(See 1.)设置(See 1.)信箱About this handbook版权声明(COPYRIGHT)本手册由苏沈小雨(See 1.3)整理，翻译，编写。版权所有者为苏沈小雨。 您可以免费的使用、分发本手册。但未经苏沈小雨的授权许可不得擅自进行篡改、反编译，及将其全部或部分用于商业用途。 本手册受著作权法和国际公约的保护，作者保留对本手册及本声明的最终修改权。 本手册的部分内容参考了Mainsoft(R)及World Wide Web Consortium (W3C)公开的网络文档。 本手册使用Mainsoft(R)的HTML Help格式制作。 er是苏沈小雨使用的个人标识。dhtmlet是苏沈小雨的个人网站使用的标识。 版本更新(UPDATE)本手册当前版本时间为2001年4月1日。手册中的内容在此日期后发生的变动或更新将在本手册的更新版本中出现。 您可以随时访问我的网站检查并获取更新版本。 您也可以给我写电子邮件咨询及洽谈商业合作。关于我的介绍您可以在关于苏沈小雨(See 1.3)页面获得。 1.3 苏沈小雨 About rain1977简介 Introduction(See 1.1)选择符 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.)关于(See 1.)设置(See 1.)信箱About rain1977简历(Vita)1996 - 1999中国航空油料分安徽公司(CAOSC) 1999 - 2000北京清华园中文在线网络技术有限公司() 2000 - 上海榕树下计算机有限公司() 自述(Intro)精通脚本(JScripts)、样式表(CSS)、HTML4.0等技术。有专业的手写代码、优化网页、脚本编程、图片处理、网站策划的能力。 有丰富的独立或合作项目经验。能够熟练使用或很快上手任何常见的和网页制作有关的代码编辑、图片处理等工具软件。 并有较高一定的文学水平。 希望寻求网页设计制作，团队项目合作，教材编写等工作机会。有意者请与我联系。 联络方式主页：、 信箱：rainer、rainer、rainer 电话：[phone]（上海） 邮寄地址：上海市北京西路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) 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-flow(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.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) background-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) 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) 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) 边框 Bordersborder(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-width(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) quotes(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-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-highlight-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-inside(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(See 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.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/CSS2IE4+ , NS4+有复合属性。设置或检索对象中的文本特性color(See 2.1.2)CSS1IE4+ , NS4+有检索或设置对象的文本颜色font-family(See 2.1.3)CSS1IE4+ , NS4+有设置或检索用于对象中文本的字体名称序列font-size(See 2.1.4)CSS1IE4+ , NS4+有设置或检索对象中的字体尺寸font-size-adjust(See 2.1.5)CSS2NONE有设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸font-stretch(See 2.1.6)CSS2NONE有设置或检索用于对象中文本的文字是否横向的拉伸变形font-style(See 2.1.7)CSS1IE4+ , NS4+有设置或检索对象中的字体样式font-weight(See 2.1.8)CSS1IE4+ , NS4+有设置或检索对象中的文本字体的粗细text-decoration(See 2.1.9)CSS1IE4+ , NS4+无检索或设置对象中的文本的装饰，如下划线 、闪烁等text-underline-position(See 2.1.10)IE专有属性IE5.5+有设置或检索text-decoration(See 2.1.9)属性定义的下划线的位置