Topic Overview

The Anatomy of Style

Select and Declare Elements and Rules Property and Value The Anatomy of Style TODO

Style Guide

Where to Style The Style Element The Style Attribute The Style Document TODO

CSS Documents

Directory Placement The <link> Tag Relationship Type Href The <link> Element TODO

CSS Applied

Comments in CSS Understanding Styling Applying Style TODO

Selector Types

Universal Selectors Element Selectors Class Selectors ID Selectors TODO

Chaining Selectors

Direct Chaining Child Selector Descendent Selector Adjacent Sibling Selector General Sibling Selector TODO

Cascading

Cascading in CSS Rules Order Specificity Setting Importance TODO

Exploring Color

Specifying Color Color Names RGB Values Hex Codes Saturated Color Desaturated Color (Grayscale) Combining Colors Color in Atom TODO

Using Color

Background Color Text Color Opacity Basic Positioning Learn More TODO

09://Color

While we’ve explored styling briefly in the previous topics, it’s time to really dig into learning how to use CSS or Cascading Style Sheets.

CSS is a language that tells browsers how to display and style content in HTML. It will not change the content itself, but will allow you to specify color, font, size, background, padding, alignment, how pages resize, if certain elements should be hidden, and many more qualities.

By the end of this Topic, we hope you:

Understand how CSS functions in web design, and the many ways we can use it in our pages.
Have experimented with CSS selectors, and tried linking your _own_ stylesheet to your HTML pages.

“Color”