Introduction to Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a way to add flair to a web page. It is used to describe the presentation of a doc ument written in HTML, it enables separation of presentation and content.

Table of Contents

This guide contains these parts:

1. Grammar
   1. CSS Selectors
2. Organizing CSS declarations
   1. Inline
   2. Style Tag
   3. Linking external style sheets
3. CSS Frameworks
4. CSS Preprocessors
5. Examples
6. Practice
7. Bibliography

Main concepts

This guide introduces these main concepts:

1.1. CSS Selectors

In CSS, selectors declare which part of the markup a style applies to by matching tags and attributes in the markup itself.

• id
• class
• elements

CSS specificity depends on the HTML structure. It's a tree-based inheritance.

1.2. CSS blocks

A CSS block or declaration in CSS is contained in a pair of curly braces.

Suggested Reading:

1. “CSS: The Definitive Guide” https://dailydevlinks.com/css-style-guides/
2. CSS Basics https://en.support.wordpress.com/custom-design/css-basics/
3. Appendix G. Grammar of CSS 2.1 https://www.w3.org/TR/CSS21/grammar.html