Cascading Stylesheets, CSS

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

Cascading Stylesheets, or CSS, is a separate language from HTML. The two langues have different purposes, but are used closely together to make a finished web page that is useful and attractive. While HTML is used to markup the sections of a web page and the content, CSS is used to style the look of the sections and the content. A developer might markup up some text as a headline using <h1>…</h1> tags. They would then use CSS to format the look of that headline: font color, text alignment, font family, etc.

  1. Cascading Stylesheets (CSS)
  2. Understanding CSS Syntax and Terminology
  3. Compare External, Internal (Embedded), and Inline Styles
  4. Linking External Stylesheets to Your Web Page
  5. Understand CSS Box Properties
  6. Center DIV (block) Containers on a Web Page
  7. CLASS and ID Selectors with CSS
  8. Create Custom Style Rules with Descendant Selectors
  9. Create Round Corners with CSS border-radius
  10. Absolute Position Web Page Elements with CSS
  11. Create a Print-friendly Stylesheet for Printable Web Pages
  12. Use Borders to Create the Illusion of Margins
  13. CSS Attribute and Value Selectors
  14. CSS Transition Basics
  15. Use Transform Rotate and Transition Effects

Although learning CSS is not difficult, its syntax is very different from HTML and will require an open mind to learning the new terminology and writing rules. Cascading Stylesheets doesn’t use tags and attributes. Instead, CSS is made up of:

  • rules
  • selectors
  • declarations
    • properties
    • values

Just like HTML has lots of elements (tags), CSS has lots of properties. Some CSS properties, like background-clip, are rarely used and may require a lookup when you need this feature. However, others properties, like background-color, are used so often you’ll quickly memorize them.

Add Comment