CSS Notes


Author: David Zhang
Date: 08/10/2021
Version: 1.0


CSS Notes


Based on CSS Crash Course

Intro

  • CSS - Cascading Style sheets

    Cascading style sheets are called cascading because several different style sheets can be active for a single document at the same time. When multiple style sheets are in effect, they are applied to the document in a pre-determined sequence set by the browser: their formatting instructions can be thought of as cascading from one style sheet to the next.

  • NOT a programming language

  • Style sheet/Styling language

  • Used for website layout and design

  • Can be extended with Sass/Less


Three Methods for Adding CSS

  • Inline CSS: Directly in the html element(NO!)
<h1 style="color:red">Hello World!h1>

Keep the presentation and functionality and styling separate or as much as possible

  • Internal CSS: Using