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 SVG or XHTML).
CSS is one of the core languages of the open web and has a standardized W3C specification.
Also products using the proprietary XUL language for their interfaces, like the Mozilla Suite, Firefox or Thunderbird use CSS for styling their user interfaces. For example, Firefox and Thunderbird themes make heavy use of CSS to allow multiple skins.
Documentation about CSS
- CSS Reference
- Describes every properties, types, values, dimensions, selectors, pseudo-classes, pseudo-elements and @-rules of CSS (and CSS extensions specific to Mozilla).
- CSS Key Concepts
- Introduces fundamentals like specificity and inheritance, the box model and margin collapsing, stacking and block-formatting contexts, or the initial, computed, used and actual values.
- Using CSS transforms
- Presents the 2D operations that can be applied to each element in order to rotate, skew, translate it.
- Using CSS transitions
- Explains how to change the aspect of an element using a smooth animation between the initial and final state.
- Using CSS animations
- Describes how to define animations of an element but also how to detect in Javascript if the browser supports it.
- Using CSS gradients
- Explains how to define gradients, images composed of smooth variations of colors.
- Using CSS multi-column layouts
- Presents how to make multi-column page settings using the CSS Level 3 multi-column layout.
- Using CSS multiple backgrounds
- Describes how to define several backgrounds on the same element.
- Using CSS media queries
- Presents how to select style sheets based on details of the rendering device, like its viewport size, its resolution or if it has a touchscreen.
- Using CSS counters
- Explains how to use automatic counters and numbering, essentially used as list counters.
- Fonts and Typography
- Informs about managing your fonts using
@font-face
and the WOFF font format. - 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.
- Using dynamic styling information
- How to obtain information on and manipulate styling via the DOM
View All... | Getting help from the community You need help on a CSS-related problem and can't find the solution in the documentation? - Consult the dedicated Mozilla forum:
Don't forget about the netiquette... Tools easing CSS development - Firefox' Firebug extension, a popular extension of that navigator that allows to edit live CSS on watched sites. Very practical to test some changes, though this extension does much more.
- Firefox' Web Developer extension also allows to watch and edit live CSS on watched sites. Simpler than Firebug, though less powerful.
- Firefox' EditCSS extension allows editing CSS in the sidebar.
View All... Related Topics - Open Web languages on which CSS is often applied: HTML, SVG, XHTML, XML.
- Mozilla technologies which make extensive use of CSS: XUL, Firefox and Thunderbird extensions and themes.
|
