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.
Documentation about CSS
- 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... | 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.
|