CSS Overview

Cascading Style Sheets are used to style the look and feel of a web page.

Syntax: https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax

The language is designed to work with HTML to identify elements of the page and define parameters for available styles. The browser puts this all together to render what you see on the page.

Example: Set paragraph color to red

<style>
p {
  color: red;
}
</style>

CSS is written inside a <style> tag.

p {} contains styles that apply to <p> tags.

Styles are defined as key/value pairs.

Selectors

By tag

By class

By attribute

BEM

Block element modifier naming convention.

https://getbem.com/introduction/

Level
Exercises