mozilla

Revision 24695 of CSS

  • Revision slug: CSS
  • Revision title: CSS
  • Revision id: 24695
  • Created:
  • Creator: Dria
  • Is current revision? No
  • Comment Reverted edit of JhonnyX2003, changed back to last version by Nukeador

Revision Content

"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another feature article or tutorial, should one exist. Otherwise, just comment it out

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.

Selected Articles

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.
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.
Understanding Underlines
Understanding the CSS declaration text-decoration: underline; and how it is supposed to work according to the CSS standard can be tricky. Learn how to properly use text-decorations in CSS compliant browsers as well as other not so compliant browsers.
Styling Abbreviations and Acronyms
The HTML elements abbr and acronym are useful accessibility aids, but their styling can come as a surprise to authors. See how you can take control of their presentation without sacrificing the benefits these elements provide.

View All...

Featured Content

Other Pages

Related Topics

Extensions, HTML, Themes, XHTML, XML, XUL

{{ ajaxrss{ feed: 'http://developer.mozilla.org/webwatch/?cat=2&feed=rss2' , short: true, max: '5', charset: 'UTF-8' } }} View All...

Categories

Interwiki Language Links


{{ wiki.languages( { "de": "de/CSS", "es": "es/CSS", "fr": "fr/CSS", "ja": "ja/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "nl": "nl/CSS" } ) }}

Revision Source

<p>
</p><p><span class="comment">"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another feature article or tutorial, should one exist.  Otherwise, just comment it out</span>
</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>
<p><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>.
</p>
</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Selected_Articles"> Selected Articles </h4>
<dl><dt> <a href="en/Using_URL_values_for_the_cursor_property">Using URL values for the cursor property</a><br>
</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 Gecko can be used.</small>
</dd></dl>
<dl><dt> <a href="en/Issues_Arising_From_Arbitrary-Element_hover">Issues Arising From Arbitrary-Element <code>hover</code></a><br>
</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><br>
</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>
<dl><dt> <a href="en/Understanding_Underlines">Understanding Underlines</a><br>
</dt><dd> <small>Understanding the CSS declaration text-decoration: underline; and how it is supposed to work according to the CSS standard can be tricky. Learn how to properly use text-decorations in CSS compliant browsers as well as other not so compliant browsers.</small> 
</dd></dl>
<dl><dt> <a href="en/Styling_Abbreviations_and_Acronyms">Styling Abbreviations and Acronyms</a><br>
</dt><dd> <small>The HTML elements abbr and acronym are useful accessibility aids, but their styling can come as a surprise to authors. See how you can take control of their presentation without sacrificing the benefits these elements provide.</small>
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=CSS:Articles&amp;language=en">View All...</a></span>
</p>
</td>
<td>
<h4 name="Featured_Content"> Featured Content </h4>
<ul><li> <a href="en/CSS3_Columns">CSS3 Columns</a>
</li><li> <a href="en/Using_URL_values_for_the_cursor_property">Using URL values for the cursor property</a>
</li></ul>
<h4 name="Other_Pages"> Other Pages </h4>
<ul><li> <a href="Special:Tags?tag=CSS:References&amp;language=en">References</a>
</li><li> <a href="Special:Tags?tag=CSS:Articles&amp;language=en">Articles</a>
</li><li> <a href="Special:Tags?tag=CSS:Examples&amp;language=en">Examples</a>
</li><li> <a href="Special:Tags?tag=CSS:Tools&amp;language=en">Tools</a>
</li><li> <a href="en/CSS/Community">Community</a>
</li><li> <a href="en/CSS/Other_Resources">Other Resources</a>
</li></ul>
<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>
<p>{{ ajaxrss{ feed: 'http://developer.mozilla.org/webwatch/?cat=2&amp;feed=rss2' , short: true, max: '5', charset: 'UTF-8' } }}
<span class="alllinks"><a class="external" href="http://developer.mozilla.org/webwatch/?cat=2">View All...</a></span>
</p>
</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", "ja": "ja/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "nl": "nl/CSS" } ) }}
Revert to this revision