mozilla

Revision 24700 of CSS

  • Revision slug: CSS
  • Revision title: CSS
  • Revision id: 24700
  • Created:
  • Creator: Mgjbot
  • Is current revision? No
  • Comment robot Adding: [[zh-cn:CSS]]

Revision Content

Getting Started
A guided tutorial that will help you get started with Cascading Style Sheets.
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including various XML languages like XHTML or SVG). In XUL-based products like the Mozilla Suite, Firefox or Thunderbird it is also used for styling application's user interface. For example, Themes make heavy use of CSS to skin the application. CSS is a W3C specification.

Documentation

Using URL values for the cursor property
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) supports URL values for the CSS 2/2.1 cursor property. This allows specifying arbitrary images as mouse cursors — any image format supported by Gecko can be used.
CSS3 Columns
A short tutorial on using CSS3 columns.
Issues Arising From Arbitrary-Element hover
Many authors make use of the CSS2 pseudo-class :hover to style their links, but advancing CSS support in browsers has caused some unexpectedly aggressive hovering behavior on some pages.
Consistent List Indentation
Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line.

View All...

Community

  • View Mozilla forums...

{{template.DiscussionList("dev-tech-css", "mozilla.dev.tech.css")}}

Tools

View All...

Related Topics

Extensions, HTML, Themes, XHTML, XML, XUL

Categories

Interwiki Language Links


{{ wiki.languages( { "de": "de/CSS", "es": "es/CSS", "fr": "fr/CSS", "it": "it/CSS", "ja": "ja/CSS", "ko": "ko/CSS", "nl": "nl/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "zh-cn": "cn/CSS" } ) }}

Revision Source

<p>
</p>
<div class="callout-box"><b><a href="en/CSS/Getting_Started">Getting Started</a></b><br>
A guided tutorial that will help you get started with Cascading Style Sheets.</div>
<div>
<b>Cascading Style Sheets</b> (<b>CSS</b>) is a stylesheet language used to describe the presentation of a document written in <a href="en/HTML">HTML</a> or <a href="en/XML">XML</a> (including various XML languages like <a href="en/XHTML">XHTML</a> or <a href="en/SVG">SVG</a>).  In <a href="en/XUL">XUL</a>-based products like the Mozilla Suite, Firefox or Thunderbird it is also used for styling application's user interface. For example, <a href="en/Themes">Themes</a> make heavy use of CSS to skin the application.  CSS is a <a class="external" href="http://w3.org/Style/CSS/#specs">W3C specification</a>.</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Documentation"> <a href="Special:Tags?tag=CSS&amp;language=en">Documentation</a> </h4>
<dl><dt> <a href="en/Using_URL_values_for_the_cursor_property">Using URL values for the cursor property</a>
</dt><dd> <small><a href="en/Gecko">Gecko</a> 1.8 (Firefox 1.5, SeaMonkey 1.0) supports URL values for the <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS 2/2.1 cursor property</a>. This allows specifying arbitrary images as mouse cursors — any image format supported by <a href="en/Gecko">Gecko</a> can be used.</small>
</dd></dl>
<dl><dt> <a href="en/CSS3_Columns">CSS3 Columns</a>
</dt><dd> <small>A short tutorial on using CSS3 columns.</small>
</dd></dl>
<dl><dt> <a href="en/Issues_Arising_From_Arbitrary-Element_hover">Issues Arising From Arbitrary-Element <code>hover</code></a>
</dt><dd> <small>Many authors make use of the CSS2 pseudo-class <code>:hover</code> to style their links, but advancing CSS support in browsers has caused some unexpectedly aggressive hovering behavior on some pages.</small>
</dd></dl>
<dl><dt> <a href="en/Consistent_List_Indentation">Consistent List Indentation</a>
</dt><dd> <small>Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line.</small> 
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=CSS&amp;language=en">View All...</a></span>
</p>
</td>
<td>
<h4 name="Community"> Community </h4>
<ul><li> View Mozilla forums...
</li></ul>
<p>{{template.DiscussionList("dev-tech-css", "mozilla.dev.tech.css")}}
</p>
<ul><li> <a class="external" href="irc://irc.mozilla.org/css">#css IRC channel</a>
</li><li> <a class="external" href="http://www.css-discuss.org/">CSS-Discuss site and list</a>
</li></ul>
<h4 name="Tools"> Tools </h4>
<ul><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?category=Developer%20Tools&amp;id=60">Web Developer Firefox extension</a>
</li><li> <a class="external" href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>
</li><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?id=179">EditCSS Firefox extension</a>
</li></ul>
<p><span class="alllinks"><a href="Special:Tags?tag=CSS:Tools&amp;language=en">View All...</a></span>
</p>
<h4 name="Related_Topics"> Related Topics </h4>
<dl><dd> <a href="en/Extensions">Extensions</a>, <a href="en/HTML">HTML</a>, <a href="en/Themes">Themes</a>, <a href="en/XHTML">XHTML</a>, <a href="en/XML">XML</a>, <a href="en/XUL">XUL</a>
</dd></dl>
</td>
</tr>
</tbody></table>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>{{ wiki.languages( { "de": "de/CSS", "es": "es/CSS", "fr": "fr/CSS", "it": "it/CSS", "ja": "ja/CSS", "ko": "ko/CSS", "nl": "nl/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "zh-cn": "cn/CSS" } ) }}
Revert to this revision