CSS3 Reference

Validate your HTML and CSS

The following pages give details of the various attributes that can be used with your stylesheets. The attributes listed are those available in the CSS3 standards and not all attributes are fully supported by all browsers. Note that some information is presented in more than one place in order to make it easier to follow.

  1. Media Queries
    A more flexible way to target CSS to specific media. Particularly useful as more devices can now be used to access the web.
  2. Round Corners
    One of the most in demand options for styling borders.
  3. Border Image
    With wide enough borders you will also be able to insert images so as to produce fancier frames around your content
  4. Text Shadow
    A way to make text look more interesting without using images.
  5. Embedding Fonts
    The latest technique for using fonts that your visitor may not have.
  6. New Attribute Selectors
    New ways of selecting content to be styled.
  7. Structural Pseudo Classes
    Style content based on where it is in the page relative to its siblings.
  8. Element State Pseudo Classes
    Style content based on its state or how it was accessed.
  9. More Pseudo Classes
    There are even more pseudo classes that are neither structural or state based.
  10. Pseudo Elements
    Not really new but with a new notation to distinguish them from pseudo classes.
  11. Text Overflow
    Let your visitors know when text has been truncated.
  12. Box Shadow
    It isn't just text you can apply shadows to. You can also apply them to borders.
  13. calc
    Sizes and lengths can now be specified in more flexible ways.
  14. Flexible Width but Fixed Sidebar
    A furthe rlook at how calc can be used.
  15. Gradients
    Linear and Radial gradients can now be defined using CSS.
  16. Flexbox
    A new way to define how your content should be arranged at different viewport sizes.

And lots more still to come.

Validate your HTML and CSS

go to top

FaceBook Follow
Twitter Follow
Donate