Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or other markup languages such as SVG. CSS describes how the structured elements in the document are to be rendered on screen, on paper, in speech, or on other media. The ability to adjust the document's presentation depending on the output medium is a key feature of CSS.
CSS is one of the core languages of the open Web and has a standardized W3C specification.
Documentation
- Block formatting context
- A block formatting context is a part of a visual CSS rendering of a Web page. It is the region in which the layout of block boxes occurs and in which floats interact with each other.
- CSS Image Sprites
- Image "sprites" are used in numerous web apps where multiple icons are used. Rather than include each icon as a .png image file, it is much more memory and bandwidth-friendly to send it as a single image.
- CSS media queries
- A media query consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in deprecated CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.
- Consistent list indentation
- One of the most common style changes made to lists is a change in the indentation distance—that is, how far the list items are pushed over to the right.
- Getting started with CSS
- Aimed at complete beginners, this CSS tutorial for beginners introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of the language with practical examples that you can try for yourself on your own computer and illustrates the standard features of CSS that work in modern browsers.
- Scaling background images
- The
background-sizeCSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size. - Testing media queries
- The DOM provides features that make it possible to test the results of a media query programmatically. This is done using the
MediaQueryListinterface and its methods and properties. Once you've created aMediaQueryListobject, you can check the result of the query or, alternatively, receive notifications automatically when the result changes. - Understanding CSS z-index
- The
z-indexattribute lets you adjust the order of the layering of objects when rendering content. - Using CSS animations
- CSS animations make it possible to animate transitions from one CSS style configuration to another.
- Using CSS counters
- CSS counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. This lets you adjust the appearance of content based on its placement in the document.
Community
Join the CSS community on our mailing list or newsgroup:
<image> added in the CSS3 Image Module. Using CSS gradients lets you display smooth transitions between two or more specified colors.