CSS参考

  • 版本网址缩略名: CSS/CSS_reference
  • 版本标题: CSS reference
  • 版本 id: 11830
  • 创建于:
  • 创建者: Emcc
  • 是否是当前版本?
  • 评论 /* Mozilla扩展 */

修订内容

This is a work in progress. If you would like to help write up any of the pages listed below, you are more than welcome to help.

If you are going to add a page, please copy/paste the content from CSS Reference:Property Template and modify as required.

The basic template for example pages can be found here: TEMPLATE.html. Just copy the source from that file, modify as required, then email the example pages and any related files to deb@mozilla.com for uploading.

If you have any questions or suggestions, please feel free to discuss them on the Talk:CSS Reference page.

The primary references I'm using at the moment are:

The current goal is for this document is to provide comprehensive, detailed, and accurate reference information for CSS up to at least Level 2, Revision 1.

Please do not copy or plagarize copyrighted materials without written permission from the author. Please write original, clear content for this reference. Thanks.

-- dria 11:39, 17 October 2005 (PDT)

Note: please use the Template:cssxref to link to properties from this reference, for example: {{cssxref|color}}. Doing so results in more concise wiki markup and consistent style across the reference. --Nickolay 16:33, 23 September 2006 (PDT)

Properties

选择符

@-规则和注释

  • {{template.Cssxref("inherit")}}
  • {{template.Cssxref("initial")}}
  • <length>

概念

Mozilla扩展

{{ wiki.languages( { "de": "de/CSS_Referenz", "fr": "fr/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "en": "en/Dokumentacja_CSS" } ) }}

修订版来源

<p>
</p>
<div class="note">
<p>This is a work in progress.  If you would like to help write up any of the pages listed below, you are more than welcome to help.
</p><p>If you are going to add a page, please copy/paste the content from <a href="cn/CSS_Reference/Property_Template">CSS Reference:Property Template</a> and modify as required.
</p><p>The basic template for example pages can be found here: <a class="external" href="http://developer.mozilla.org/samples/cssref/TEMPLATE.html">TEMPLATE.html</a>.  Just copy the source from that file, modify as required, then email the example pages and any related files to <a class="external" href="mailto:deb@mozilla.com">deb@mozilla.com</a> for uploading.
</p><p>If you have any questions or suggestions, please feel free to discuss them on the <a href="Talk:cn/CSS_Reference">Talk:CSS Reference</a> page.
</p><p>The primary references I'm using at the moment are:
</p>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/">W3C Cascading Style Sheets, level 2 revision 1</a> (main)
</li><li> <a class="external" href="http://www.w3.org/TR/CSS1">W3C Cascading Style Sheets, level 1</a> (secondary)
</li><li> <a class="external" href="http://www.w3.org/Style/CSS/current-work">W3C Cascading Style Sheets (notes on CSS3)</a> (where useful/interesting)
</li></ul>
<p>The current goal is for this document is to provide comprehensive, detailed, and accurate reference information for CSS up to at least Level 2, Revision 1.
</p><p><i>Please do not copy or plagarize copyrighted materials without written permission from the author.  Please write original, clear content for this reference.  Thanks.</i>
</p><p>-- <a href="User:Dria">dria</a> 11:39, 17 October 2005 (PDT)
</p><p>Note: please use the <a href="Template:Cssxref">Template:cssxref</a> to link to properties from this reference, for example: <span class="plain">{{cssxref|color}}</span>. Doing so results in more concise wiki markup and consistent style across the reference. --<a href="User:Nickolay">Nickolay</a> 16:33, 23 September 2006 (PDT)
</p>
</div>
<h3 name="Properties"> Properties </h3>
<ul><li> <a href="cn/CSS/azimuth">azimuth</a>
</li><li> <a href="cn/CSS/background">background</a>
</li><li> <a href="cn/CSS/background-attachment">background-attachment</a>
</li><li> <a href="cn/CSS/background-color">background-color</a>
</li><li> <a href="cn/CSS/background-image">background-image</a>
</li><li> <a href="cn/CSS/background-position">background-position</a>
</li><li> <a href="cn/CSS/background-repeat">background-repeat</a>
</li><li> <a href="cn/CSS/border">border</a>
</li><li> <a href="cn/CSS/border-bottom">border-bottom</a>
</li><li> <a href="cn/CSS/border-bottom-color">border-bottom-color</a> 
</li><li> <a href="cn/CSS/border-bottom-style">border-bottom-style</a>
</li><li> <a href="cn/CSS/border-bottom-width">border-bottom-width</a>
</li><li> <a href="cn/CSS/border-collapse">border-collapse</a>
</li><li> <a href="cn/CSS/border-color">border-color</a>
</li><li> <a href="cn/CSS/border-left">border-left</a>
</li><li> <a href="cn/CSS/border-left-color">border-left-color</a>
</li><li> <a href="cn/CSS/border-left-style">border-left-style</a>
</li><li> <a href="cn/CSS/border-left-width">border-left-width</a>
</li><li> <a href="cn/CSS/border-right">border-right</a>
</li><li> <a href="cn/CSS/border-right-color">border-right-color</a>
</li><li> <a href="cn/CSS/border-right-style">border-right-style</a>
</li><li> <a href="cn/CSS/border-right-width">border-right-width</a>
</li><li> <a href="cn/CSS/border-spacing">border-spacing</a>
</li><li> <a href="cn/CSS/border-style">border-style</a>
</li><li> <a href="cn/CSS/border-top">border-top</a>
</li><li> <a href="cn/CSS/border-top-color">border-top-color</a>
</li><li> <a href="cn/CSS/border-top-style">border-top-style</a>
</li><li> <a href="cn/CSS/border-top-width">border-top-width</a>
</li><li> <a href="cn/CSS/border-width">border-width</a>
</li><li> <a href="cn/CSS/bottom">bottom</a>
</li><li> <a href="cn/CSS/caption-side">caption-side</a>
</li><li> <a href="cn/CSS/clear">clear</a>
</li><li> <a href="cn/CSS/clip">clip</a>
</li><li> <a href="cn/CSS/color">color</a>
</li><li> <a href="cn/CSS/content">content</a>
</li><li> <a href="cn/CSS/counter-increment">counter-increment</a>
</li><li> <a href="cn/CSS/counter-reset">counter-reset</a>
</li><li> <a href="cn/CSS/cue">cue</a>
</li><li> <a href="cn/CSS/cue-after">cue-after</a>
</li><li> <a href="cn/CSS/cue-before">cue-before</a>
</li><li> <a href="cn/CSS/cursor">cursor</a>
</li><li> <a href="cn/CSS/direction">direction</a>
</li><li> <a href="cn/CSS/display">display</a>
</li><li> <a href="cn/CSS/elevation">elevation</a>
</li><li> <a href="cn/CSS/empty-cells">empty-cells</a>
</li><li> <a href="cn/CSS/float">float</a>
</li><li> <a href="cn/CSS/font">font</a>
</li><li> <a href="cn/CSS/font-family">font-family</a>
</li><li> <a href="cn/CSS/font-size">font-size</a>
</li><li> <a href="cn/CSS/font-size-adjust">font-size-adjust</a>
</li><li> <a href="cn/CSS/font-stretch">font-stretch</a>
</li><li> <a href="cn/CSS/font-style">font-style</a>
</li><li> <a href="cn/CSS/font-variant">font-variant</a>
</li><li> <a href="cn/CSS/font-weight">font-weight</a>
</li><li> <a href="cn/CSS/height">height</a>
</li><li> <a href="cn/CSS/left">left</a>
</li><li> <a href="cn/CSS/letter-spacing">letter-spacing</a>
</li><li> <a href="cn/CSS/line-height">line-height</a>
</li><li> <a href="cn/CSS/list-style">list-style</a>
</li><li> <a href="cn/CSS/list-style-image">list-style-image</a>
</li><li> <a href="cn/CSS/list-style-position">list-style-position</a>
</li><li> <a href="cn/CSS/list-style-type">list-style-type</a>
</li><li> <a href="cn/CSS/margin">margin</a>
</li><li> <a href="cn/CSS/margin-bottom">margin-bottom</a>
</li><li> <a href="cn/CSS/margin-left">margin-left</a>
</li><li> <a href="cn/CSS/margin-right">margin-right</a>
</li><li> <a href="cn/CSS/margin-top">margin-top</a>
</li><li> <a href="cn/CSS/marker-offset">marker-offset</a>
</li><li> <a href="cn/CSS/marks">marks</a>
</li><li> <a href="cn/CSS/max-height">max-height</a>
</li><li> <a href="cn/CSS/max-width">max-width</a>
</li><li> <a href="cn/CSS/min-height">min-height</a>
</li><li> <a href="cn/CSS/min-width">min-width</a>
</li><li> <a href="cn/CSS/orphans">orphans</a>
</li><li> <a href="cn/CSS/outline">outline</a>
</li><li> <a href="cn/CSS/outline-color">outline-color</a>
</li><li> <a href="cn/CSS/outline-style">outline-style</a>
</li><li> <a href="cn/CSS/outline-width">outline-width</a>
</li><li> <a href="cn/CSS/overflow">overflow</a>
</li><li> <a href="cn/CSS/padding">padding</a>
</li><li> <a href="cn/CSS/padding-bottom">padding-bottom</a>
</li><li> <a href="cn/CSS/padding-left">padding-left</a>
</li><li> <a href="cn/CSS/padding-right">padding-right</a>
</li><li> <a href="cn/CSS/padding-top">padding-top</a>
</li><li> <a href="cn/CSS/page">page</a>
</li><li> <a href="cn/CSS/page-break-after">page-break-after</a>
</li><li> <a href="cn/CSS/page-break-before">page-break-before</a>
</li><li> <a href="cn/CSS/page-break-inside">page-break-inside</a>
</li><li> <a href="cn/CSS/pause">pause</a>
</li><li> <a href="cn/CSS/pause-after">pause-after</a>
</li><li> <a href="cn/CSS/pause-before">pause-before</a>
</li><li> <a href="cn/CSS/pitch">pitch</a>
</li><li> <a href="cn/CSS/pitch-range">pitch-range</a>
</li><li> <a href="cn/CSS/play-during">play-during</a>
</li><li> <a href="cn/CSS/position">position</a>
</li><li> <a href="cn/CSS/quotes">quotes</a>
</li><li> <a href="cn/CSS/richness">richness</a>
</li><li> <a href="cn/CSS/right">right</a>
</li><li> <a href="cn/CSS/size">size</a>
</li><li> <a href="cn/CSS/speak">speak</a>
</li><li> <a href="cn/CSS/speak-header">speak-header</a>
</li><li> <a href="cn/CSS/speak-numeral">speak-numeral</a>
</li><li> <a href="cn/CSS/speak-punctuation">speak-punctuation</a>
</li><li> <a href="cn/CSS/speech-rate">speech-rate</a>
</li><li> <a href="cn/CSS/stress">stress</a>
</li><li> <a href="cn/CSS/table-layout">table-layout</a>
</li><li> <a href="cn/CSS/text-align">text-align</a>
</li><li> <a href="cn/CSS/text-decoration">text-decoration</a>
</li><li> <a href="cn/CSS/text-indent">text-indent</a>
</li><li> <a href="cn/CSS/text-shadow">text-shadow</a>
</li><li> <a href="cn/CSS/text-transform">text-transform</a>
</li><li> <a href="cn/CSS/top">top</a>
</li><li> <a href="cn/CSS/unicode-bidi">unicode-bidi</a>
</li><li> <a href="cn/CSS/vertical-align">vertical-align</a>
</li><li> <a href="cn/CSS/visibility">visibility</a>
</li><li> <a href="cn/CSS/voice-family">voice-family</a>
</li><li> <a href="cn/CSS/volume">volume</a>
</li><li> <a href="cn/CSS/white-space">white-space</a>
</li><li> <a href="cn/CSS/widows">widows</a>
</li><li> <a href="cn/CSS/width">width</a>
</li><li> <a href="cn/CSS/word-spacing">word-spacing</a>
</li><li> <a href="cn/CSS/z-index">z-index</a>
</li></ul>
<h3 name=".E9.80.89.E6.8B.A9.E7.AC.A6"> 选择符 </h3>
<ul><li> 简单选择符(Simple selectors)
<ul><li> <a href="cn/CSS/Type_selectors">类型选择符(Type selectors)</a>
</li><li> <a href="cn/CSS/Class_selectors">类选择符(Class selectors)</a>
</li><li> <a href="cn/CSS/ID_selectors">ID 选择符(ID selectors)</a>
</li><li> <a href="cn/CSS/Universal_selectors">通配选择符(Universal selectors)</a>
</li><li> <a href="cn/CSS/Attribute_selectors">属性选择符(Attribute selectors)</a>
</li><li> <a href="cn/CSS/%3anot">:not</a>
</li><li> <a href="cn/CSS/Pseudo-classes">伪类(Pseudo-classes)</a>
<ul><li> 链接伪类(Link pseudo-classes)
<ul><li> <a href="cn/CSS/%3alink">:link</a>
</li><li> <a href="cn/CSS/%3avisited">:visited</a>
</li></ul>
</li><li> 动态伪类(Dynamic pseudo-classes)
<ul><li> <a href="cn/CSS/%3aactive">:active</a>
</li><li> <a href="cn/CSS/%3afocus">:focus</a>
</li><li> <a href="cn/CSS/%3ahover">:hover</a>
</li></ul>
</li><li> 页伪类(Page pseudo-classes)
<ul><li> <a href="cn/CSS/%3afirst">:first</a>
</li><li> <a href="cn/CSS/%3aleft">:left</a>
</li><li> <a href="cn/CSS/%3aright">:right</a>
</li></ul>
</li><li> 结构伪类(Structural pseudo-classes)
<ul><li> <a href="cn/CSS/%3aempty">:empty</a>
</li><li> <a href="cn/CSS/%3afirst-child">:first-child</a>
</li><li> <a href="cn/CSS/%3afirst-node">:first-node</a>
</li><li> <a href="cn/CSS/%3alast-child">:last-child</a>
</li><li> <a href="cn/CSS/%3alast-node">:last-node</a>
</li><li> <a href="cn/CSS/%3aroot">:root</a>
</li></ul>
</li><li> 语言伪类(Language pseudo-classes)
<ul><li> <a href="cn/CSS/%3alang">:lang</a>
</li></ul>
</li></ul>
</li><li> <a href="cn/CSS/Pseudo-elements">伪对象(Pseudo-elements)</a>
<ul><li> <a href="cn/CSS/%3aafter">:after</a>
</li><li> <a href="cn/CSS/%3abefore">:before</a>
</li><li> <a href="cn/CSS/%3afirst-letter">:first-letter</a>
</li><li> <a href="cn/CSS/%3afirst-line">:first-line</a>
</li></ul>
</li></ul>
</li><li> 组合器(Combinators)
<ul><li> <a href="cn/CSS/Adjacent_sibling_selectors">相邻选择符(Adjacent sibling selectors)</a>
</li><li> <a href="cn/CSS/Child_selectors">子对象选择符(Child selectors)</a>
</li><li> <a href="cn/CSS/Descendant_selectors">包含选择符(Descendant selectors)</a>
</li></ul>
</li></ul>
<h3 name=".40-.E8.A7.84.E5.88.99.E5.92.8C.E6.B3.A8.E9.87.8A"> <code>@</code>-规则和注释 </h3>
<ul><li> <a href="cn/CSS/@font-face">@font-face</a>
</li><li> <a href="cn/CSS/@import">@import</a>
</li><li> <a href="cn/CSS/@media">@media</a>
</li><li> <a href="cn/CSS/Comments">Comments</a>
</li></ul>
<h3 name=".E5.80.BC"> 值 </h3>
<ul><li> {{template.Cssxref("inherit")}}
</li><li> {{template.Cssxref("initial")}}
</li><li> <a href="cn/CSS/length">&lt;length&gt;</a>
</li></ul>
<h3 name=".E6.A6.82.E5.BF.B5"> 概念 </h3>
<ul><li> <a href="cn/CSS/initial_value">初始值</a>
</li><li> <a href="cn/CSS/inheritance">继承</a>
</li><li> <a href="cn/CSS/specified_value">给定值</a>
</li><li> <a href="cn/CSS/computed_value">计算值</a>
</li><li> <a href="cn/CSS/used_value">used value</a>
</li><li> <a href="cn/CSS/actual_value">实际值</a>
</li><li> <a href="cn/CSS/box_model">盒模型</a>
</li></ul>
<h3 name="Mozilla.E6.89.A9.E5.B1.95"> Mozilla扩展 </h3>
<ul><li> <a href="cn/CSS%e5%8f%82%e8%80%83/Mozilla%e6%89%a9%e5%b1%95">CSS参考:Mozilla扩展</a>
</li></ul>
{{ wiki.languages( { "de": "de/CSS_Referenz", "fr": "fr/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "en": "en/Dokumentacja_CSS" } ) }}
恢复到这个版本