CSS参考

  • 版本网址缩略名: CSS/CSS_reference
  • 版本标题: CSS reference
  • 版本 id: 11825
  • 创建于:
  • 创建者: Mickeyboy
  • 是否是当前版本?
  • 评论 /* Concepts */

修订内容

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

Selectors

@-规则和注释

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

概念

Mozilla Extensions

{{ 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="Selectors"> Selectors </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 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_Extensions"> Mozilla Extensions </h3>
<ul><li> <a href="cn/CSS_Reference/Mozilla_Extensions">CSS Reference:Mozilla Extensions</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" } ) }}
恢复到这个版本