News & UpdatesProgrammingWeb programming Store My Projects

CSS Tutorial – 02 – Rule Structure

CSS tutorials

Every style sheet is made up of a list of rules. For example, a rule to color all paragraph elements red looks like this:

p { color: red; }

This rule has two parts: a selector (p) and a declaration block, consisting of one or more declarations enclosed in curly braces. The selector declares which elements the style will be applied to. In this case to all paragraph elements. Following the selector comes the declarations, each of which is made up of a style property followed by a colon and a valid value for that property. Each declaration is terminated with a semicolon, although this is optional for the last one.

p { color: red; background: black }
Recommended additional reading:
Sams - Teach Yourself HTML and CSS in 24 Hours