CSS2.0在线帮助手册

<body> <p>此网页使用了框架，但您的浏览器不支持框架。</p> <style> Ul{margin-left:18px;} a{font-family:verdana;font-size:11px;} </style> <div class="div1"> <h1>在网页设计中常用的css属性包括:字体 Font、文本 Text、背景 Background、定位 Positioning、尺寸 Dimensions、布局 Layout、外补丁 Margins、轮廓 Outlines、内容 Generated Content、边框 border、内补丁 Paddings、列表 Lists 、表格 table、打印 Printing、声音 Aural 等其它属性！</h1> <p> <h2>下面是以下对在网页设计时碰到的常用16种属性的详细介绍:</h2></p><h3> 一、字体 Font </h3><p>字体属性包括：color属性； font-family 属性； font-size 属性； font-size-adjust 属性； font-stretch 属性； font-style 属性； font-weight 属性； text-decoration 属性； text-underline-position 属性； text-shadow 属性； font-variant 属性； text-transform 属性； line-height 属性； letter-spacing 属性； word-spacing 属性； </p><h3> 二、文本 Text </h3><p>文本属性包括： text-indent 属性； text-overflow 属性； vertical-align 属性； text-align 属性； layout-flow 属性； writing-mode 属性； direction 属性； unicode-bidi 属性； word-break 属性； line-break 属性； white-space 属性； word-wrap 属性； text-autospace 属性； text-kashida-space 属性； text-justify 属性； ruby-align 属性； ruby-overhang 属性； ruby-position 属性； ime-mode 属性； layout-grid 属性； layout-grid-char 属性； layout-grid-char-spacing 属性； layout-grid-line 属性； layout-grid-mode 属性； layout-grid-type 属性； </p> <h3> 三、背景 Background </h3> <p>背景属性包括： background 属性； background-attachment 属性； background-color 属性； background-image 属性； background-position 属性； background-positionX 属性； background-positionY 属性； background-repeat 属性； layer-background-color 属性； layer-background-image 属性； </p> <h3> 四、定位 Positioning </h3> <p>定位属性包括： position 属性； z-index 属性； top 属性； right 属性； bottom 属性； left 属性； </p> <h3> 五、尺寸 Dimensions </h3> <p>尺寸属性包括： height 属性； max-height 属性； min-height 属性； width 属性； max-width 属性； min-width 属性； </p> <h3> 六、布局 Layout </h3> <p>布局属性包括： clear 属性； float 属性； clip 属性； overflow 属性； overflow-x 属性； overflow-y 属性； display 属性； visibility 属性； </p> <h3> 七、外补丁 Margins </h3> <p>外补丁属性包括： margin 属性； margin-top 属性； margin-right 属性； margin-bottom 属性； margin-left 属性； </p> <h3> 八、轮廓 Outlines </h3> <p>轮廓属性包括： outline 属性； outline-color 属性； outline-style 属性； outline-width 属性； </p> <h3> 九、边框 border </h3> <p>边框属性包括： border 属性； border-color 属性； border-style 属性； border-width 属性； border-top 属性； border-top-color 属性； border-top-style 属性； border-top-width 属性； border-right 属性； border-right-color 属性； border-right-style 属性； border-right-width 属性； border-bottom 属性； border-bottom-color 属性； border-bottom-style 属性； border-bottom-width 属性； border-left 属性； border-left-color 属性； border-left-style 属性； border-left-width 属性； </p> <h3> 十、内容 Generated Content </h3> <p>内容属性包括： include-source 属性； quotes 属性； content 属性； counter-increment 属性； counter-reset 属性； </p> </p> <h3> 十一、内补丁 Paddings </h3> <p>内补丁属性包括： padding 属性； padding-top 属性； padding-right 属性； padding-bottom 属性； padding-left 属性； </p> </p> <h3> 十二、列表 Lists </h3> <p>列表属性包括： list-style 属性； list-style-image 属性； list-style-position 属性； list-style-type 属性； marker-offset 属性； </p> <h3> 十三、表格 table </h3> <p>表格属性包括： border-collapse 属性； border-spacing 属性； caption-side 属性； empty-cells 属性； table-layout 属性； speak-header 属性；滚动条 Scrollbar </h3><p>滚动条属性包括： scrollbar-3d-light-color 属性； scrollbar-highlight-color 属性； scrollbar-face-color 属性； scrollbar-arrow-color 属性； scrollbar-shadow-color 属性； scrollbar-dark-shadow-color 属性； scrollbar-base-color 属性； </p> <h3> 十四、打印 Printing </h3> <p>打印属性包括： page 属性； page-break-after 属性； page-break-before 属性； page-break-inside 属性； marks 属性； orphans 属性； size 属性； widows 属性； </p> <h3> 十五、声音 Aural </h3> <p>声音属性包括： voice-family 属性； volume 属性； elevation 属性； azimuth 属性； stress 属性； richness 属性； speech-rate 属性； cue 属性； cue-after 属性； cue-before 属性； pause 属性； pause-after 属性； pause-before 属性； pitch 属性； pitch-range 属性； play-during 属性； speak 属性； speak-numeral 属性； speak-punctuation 属性； </p> <h3> 十六、其它 Classification </h3><p>另外还包扩 cursor 属性； behavior 属性； filter 属性； zoom 属性等不常用属性！</p> <h3> </div> <UL style="padding-left:-10px;"> <LI> <a href="default.html">属性 Properties</a> <UL> <LI> <a href="d_font.html">字体 Font</a> <UL> <LI> <a href="c_font.html">font</a> <LI> <a href="c_color.html">color</a> <LI> <a href="c_fontfamily.html">font-family</a> <LI> <a href="c_fontsize.html">font-size</a> <LI> <a href="c_fontsizeadjust.html">font-size-adjust</a> <LI> <a href="c_fontstretch.html">font-stretch</a> <LI> <a href="c_fontstyle.html">font-style</a> <LI> <a href="c_fontweight.html">font-weight</a> <LI> <a href="c_textdecoration.html">text-decoration</a> <LI> <a href="c_textunderlineposition.html">text-underline-position</a> <LI> <a href="c_textshadow.html">text-shadow</a> <LI> <a href="c_fontvariant.html">font-variant</a> <LI> <a href="c_texttransform.html">text-transform</a> <LI> <a href="c_lineheight.html">line-height</a> <LI> <a href="c_letterspacing.html">letter-spacing</a> <LI> <a href="c_wordspacing.html">word-spacing</a> </UL> <LI> <a href="d_text.html">文本 Text</a> <UL> <LI> <a href="c_textindent.html">text-indent</a> <LI> <a href="c_textoverflow.html">text-overflow</a> <LI> <a href="c_verticalalign.html">vertical-align</a> <LI> <a href="c_textalign.html">text-align</a> <LI> <a href="c_layoutflow.html">layout-flow</a> <LI> <a href="c_writingmode.html">writing-mode</a> <LI> <a href="c_direction.html">direction</a> <LI> <a href="c_unicodebidi.html">unicode-bidi</a> <LI> <a href="c_wordbreak.html">word-break</a> <LI> <a href="c_linebreak.html">line-break</a> <LI> <a href="c_whitespace.html">white-space</a> <LI> <a href="c_wordwrap.html">word-wrap</a> <LI> <a href="c_textautospace.html">text-autospace</a> <LI> <a href="c_textkashidaspace.html">text-kashida-space</a> <LI> <a href="c_textjustify.html">text-justify</a> <LI> <a href="c_rubyalign.html">ruby-align</a> <LI> <a href="c_rubyoverhang.html">ruby-overhang</a> <LI> <a href="c_rubyposition.html">ruby-position</a> <LI> <a href="c_imemode.html">ime-mode</a> <LI> <a href="c_layoutgrid.html">layout-grid</a> <LI> <a href="c_layoutgridchar.html">layout-grid-char</a> <LI> <a href="c_layoutgridcharspacing.html">layout-grid-char-spacing</a> <LI> <a href="c_layoutgridline.html">layout-grid-line</a> <LI> <a href="c_layoutgridmode.html">layout-grid-mode</a> <LI> <a href="c_layoutgridtype.html"">layout-grid-type</a> </UL> <LI> <a href="d_background.html">背景 Background</a> <UL> <LI> <a href="c_background.html">background</a> <LI> <a href="c_backgroundattachment.html">background-attachment</a> <LI> <a href="c_backgroundcolor.html">background-color</a> <LI> <a href="c_backgroundimage.html">background-image</a> <LI> <a href="c_backgroundposition.html">background-position</a> <LI> <a href="c_backgroundpositionx.html">background-positionX</a> <LI> <a href="c_backgroundpositionY.html">background-positionY</a> <LI> <a href="c_backgroundrepeat.html">background-repeat</a> <LI> <a href="c_layerbackgroundcolor.html">layer-background-color</a> <LI> <a href="c_layerbackgroundimage.html">layer-background-image</a> </UL> <LI> <a href="d_positioning.html">定位 Positioning</a> <UL> <LI> <a href="c_position.html">position</a> <LI> <a href="c_zindex.html">z-index</a> <LI> <a href="c_top.html">top</a> <LI> <a href="c_right.html">right</a> <LI> <a href="c_bottom.html">bottom</a> <LI> <a href="c_left.html">left</a> </UL> <LI> <a href="d_dimensions.html">尺寸 Dimensions</a> <UL> <LI> <a href="c_height.html">height</a> <LI> <a href="c_maxheight.html">max-height</a> <LI> <a href="c_minheight.html">min-height</a> <LI> <a href="c_width.html">width</a> <LI> <a href="c_maxwidth.html">max-width</a> <LI> <a href="c_minwidth.html">min-width</a> </UL> <LI> <a href="d_layout.html">布局 Layout</a> <UL> <LI> <a href="c_clear.html">clear</a> <LI> <a href="c_float.html">float</a> <LI> <a href="c_clip.html">clip</a> <LI> <a href="c_overflow.html">overflow</a> <LI> <a href="c_overflowx.html">overflow-x</a> <LI> <a href="c_overflowy.html">overflow-y</a> <LI> <a href="c_display.html">display</a> <LI> <a href="c_visibility.html">visibility</a> </UL> <LI> <a href="d_margins.html">外补丁 Margins </a> <UL> <LI> <a href="c_margin.html">margin</a> <LI> <a href="c_margintop.html">margin-top</a> <LI> <a href="c_marginright.html">margin-right</a> <LI> <a href="c_marginbottom.html">margin-bottom</a> <LI> <a href="c_marginleft.html">margin-left</a> </UL> <LI> <a href="d_outlines.html">轮廓 Outlines</a> <UL> <LI> <a href="c_outline.html">outline</a> <LI> <a href="c_outlinecolor.html">outline-color</a> <LI> <a href="c_outlinestyle.html">outline-style</a> <LI> <a href="c_outlinewidth.html">outline-width</a> </UL> <LI> <a href="d_border.html">边框 border</a> <UL> <LI> <a href="c_border.html">border</a> <LI> <a href="c_bordercolor.html">border-color</a> <LI> <a href="c_borderstyle.html">border-style</a> <LI> <a href="c_borderwidth.html">border-width</a> <LI> <a href="c_bordertop.html">border-top</a> <LI> <a href="c_bordertopcolor.html">border-top-color</a> <LI> <a href="c_bordertopstyle.html">border-top-style</a> <LI> <a href="c_bordertopwidth.html">border-top-width</a> <LI> <a href="c_borderright.html">border-right</a> <LI> <a href="c_borderrightcolor.html">border-right-color</a> <LI> <a href="c_borderrightstyle.html">border-right-style</a> <LI> <a href="c_borderrightwidth.html">border-right-width</a> <LI> <a href="c_borderbottom.html">border-bottom</a> <LI> <a href="c_borderbottomcolor.html">border-bottom-color</a> <LI> <a href="c_borderbottomstyle.html">border-bottom-style</a> <LI> <a href="c_borderbottomwidth.html">border-bottom-width</a> <LI> <a href="c_borderleft.html">border-left</a> <LI> <a href="c_borderleftcolor.html">border-left-color</a> <LI> <a href="c_borderleftstyle.html">border-left-style</a> <LI> <a href="c_borderleftwidth.html">border-left-width</a> </UL> <LI> <a href="d_content.html">内容 Generated Content</a> <UL> <LI> <a href="c_includesource.html">include-source</a> <LI> <a href="c_quotes.html">quotes</a> <LI> <a href="c_content.html">content</a> <LI> <a href="c_counterincrement.html">counter-increment</a> <LI> <a href="c_counterreset.html">counter-reset</a> </UL> <LI> <a href="d_paddings.html">内补丁 Paddings</a> <UL> <LI> <a href="c_padding.html">padding</a> <LI> <a href="c_paddingtop.html">padding-top</a> <LI> <a href="c_paddingright.html">padding-right</a> <LI> <a href="c_paddingbottom.html">padding-bottom</a> <LI> <a href="c_paddingleft.html">padding-left</a> </UL> <LI> <a href="d_lists.html">列表 Lists</a> <UL> <LI> <a href="c_liststyle.html">list-style</a> <LI> <a href="c_liststyleimage.html">list-style-image</a> <LI> <a href="c_liststyleposition.html">list-style-position</a> <LI> <a href="c_liststyletype.html">list-style-type</a> <LI> <a href="c_markeroffset.html">marker-offset</a> </UL> <LI> <a href="d_table.html">表格 table</a> <UL> <LI> <a href="c_bordercollapse.html">border-collapse</a> <LI> <a href="c_borderspacing.html">border-spacing</a> <LI> <a href="c_captionside.html">caption-side</a> <LI> <a href="c_emptycells.html">empty-cells</a> <LI> <a href="c_tablelayout.html">table-layout</a> <LI> <a href="c_speakheader.html">speak-header</a> </UL> <LI> <a href="d_scrollbar.html">滚动条 Scrollbar</a> <UL> <LI> <a href="c_scrollbar3dlightcolor.html">scrollbar-3d-light-color</a> <LI> <a href="c_scrollbarhighlightcolor.html">scrollbar-highlight-color</a> <LI> <a href="c_scrollbarfacecolor.html">scrollbar-face-color</a> <LI> <a href="c_scrollbararrowcolor.html">scrollbar-arrow-color</a> <LI> <a href="c_scrollbarshadowcolor.html">scrollbar-shadow-color</a> <LI> <a href="c_scrollbardarkshadowcolor.html">scrollbar-dark-shadow-color</a> <LI> <a href="c_scrollbarbasecolor.html">scrollbar-base-color</a> </UL> <LI> <a href="d_printing.html">打印 Printing</a> <UL> <LI> <a href="c_page.html">page</a> <LI> <a href="c_pagebreakafter.html">page-break-after</a> <LI> <a href="c_pagebreakbefore.html">page-break-before</a> <LI> <a href="c_pagebreakinside.html">page-break-inside</a> <LI> <a href="c_marks.html">marks</a> <LI> <a href="c_orphans.html">orphans</a> <LI> <a href="c_size.html">size</a> <LI> <a href="c_widows.html">widows</a> </UL> <LI> <a href="d_aural.html">声音 Aural</a> <UL> <LI> <a href="c_voicefamily.html">voice-family</a> <LI> <a href="c_volume.html">volume</a> <LI> <a href="c_elevation.html">elevation</a> <LI> <a href="c_azimuth.html">azimuth</a> <LI> <a href="c_stress.html">stress</a> <LI> <a href="c_richness.html">richness</a> <LI> <a href="c_speechrate.html">speech-rate</a> <LI> <a href="c_cue.html">cue</a> <LI> <a href="c_cueafter.html">cue-after</a> <LI> <a href="c_cuebefore.html">cue-before</a> <LI> <a href="c_pause.html">pause</a> <LI> <a href="c_pauseafter.html">pause-after</a> <LI> <a href="c_pausebefore.html">pause-before</a> <LI> <a href="c_pitch.html">pitch</a> <LI> <a href="c_pitchrange.html">pitch-range</a> <LI> <a href="c_playduring.html">play-during</a> <LI> <a href="c_speak.html">speak</a> <LI> <a href="c_speaknumeral.html">speak-numeral</a> <LI> <a href="c_speakpunctuation.html">speak-punctuation</a> </UL> <LI> <a href="d_classification.html">其它 Classification</a> <UL> <LI> <a href="c_cursor.html">cursor</a> <LI> <a href="c_behavior.html">behavior</a> <LI> <a href="c_filter.html">filter</a> <LI> <a href="c_zoom.html">zoom</a> </UL> </UL> <LI> <a href="d_selector.html">选择符 Selectors</a> <UL> <LI> <a href="s_universal.html">通配选择符 Universal Selector</a> <LI> <a href="s_type.html">类型选择符 Type Selectors</a> <LI> <a href="s_attribute.html">属性选择符 Attribute Selectors</a> <LI> <a href="s_descendant.html">包含选择符 Descendant Selectors</a> <LI> <a href="s_child.html">子对象选择符 Child Selectors</a> <LI> <a href="s_id.html">ID选择符 ID Selectors</a> <LI> <a href="s_class.html">类选择符 Class Selectors</a> <LI> <a href="s_grouping.html">选择符分组 Grouping</a> </UL> <LI> <a href="d_pseudo.html">伪类 Pseudo-Classes</a> <UL> <LI> <a href="p_link.html">:link</a> <LI> <a href="p_hover.html">:hover</a> <LI> <a href="p_active.html">:active</a> <LI> <a href="p_visited.html">:visited </a> <LI> <a href="p_focus.html">:focus</a> <LI> <a href="p_firstletter.html">:first-letter</a> <LI> <a href="p_firstline.html">:first-line</a> <LI> <a href="p_firstchild.html">:first-child</a> <LI> <a href="p_first.html">:first</a> <LI> <a href="p_left.html">:left</a> <LI> <a href="p_right.html">:right</a> <LI> <a href="p_lang.html">:lang</a> </UL> <LI> <a href="d_elements.html">伪对象 Pseudo-Elements</a> <UL> <LI> <a href="p_before.html">:before</a> <LI> <a href="p_after.html">:after</a> </UL> <LI> <a href="d_rule.html">规则 At-Rules</a> <UL> <LI> <a href="a_import.html">@import</a> <LI> <a href="a_charset.html">@charset</a> <LI> <a href="a_fontface.html">@font-face</a> <LI> <a href="a_fontdef.html">@fontdef</a> <LI> <a href="a_page.html">@page</a> <LI> <a href="a_media.html">@media</a> </UL> <LI> <a href="d_declaration.html">声明 Declaration</a> <UL> <LI> <a href="i_important.html">!important</a> </UL> <LI> <a href="d_units.html">单位 Units</a> <UL> <LI> <a href="u_length.html">长度 Length</a> <UL> <LI> <a href="u_length_px.html">px</a> <LI> <a href="u_length_em.html">em</a> <LI> <a href="u_length_ex.html">ex</a> <LI> <a href="u_length_pt.html">pt</a> <LI> <a href="u_length_pc.html">pc</a> <LI> <a href="u_length_in.html">in</a> <LI> <a href="u_length_mm.html">mm</a> <LI> <a href="u_length_cm.html">cm</a> </UL> <LI> <a href="u_color.html">颜色 Color</a> <UL> <LI> <a href="u_color_rgb.html">rgb(RGB)</a> <LI> <a href="u_color_rrggbb.html">#RRGGBB</a> <LI> <a href="u_color_name.html">Color Name</a> </UL> <LI> <a href="u_angle.html">角度 Angle</a> <UL> <LI> <a href="u_angle_deg.html">deg</a> <LI> <a href="u_angle_grad.html">grad</a> <LI> <a href="u_angle_rad.html">rad</a> </UL> <LI> <a href="u_time.html">时间 Time</a> <UL> <LI> <a href="u_time_s.html">s</a> <LI> <a href="u_time_ms.html">ms</a> </UL> <LI> <a href="u_frequency.html">频率 Frequency</a> <UL> <LI> <a href="u_frequency_hz.html">Hz</a> <LI> <a href="u_frequency_khz.html">kHz</a> </UL> </UL> <LI> <a href="d_appendix.html">附录 Appendix</a> <UL> <LI> <a href="z_color.html">颜色表 Color Table</a> <LI> <a href="z_media.html">设备类型 Media Types</a> <LI> <a href="z_charset.html">字符集识别 Character Set Recognition</a> <LI> <a href="z_iso.html">ISO Latin-1字符集 ISO Latin-1 Character Set</a> <LI> <a href="z_additional.html">HTML附加命名实体</a> <LI> <a href="z_symbol.html">特殊文本和BIDI文本的字符实体</a> <LI> <a href="http://div.ke56.com" target="_blank">[www.ke56.com]</a> </UL> </UL> </body>