CSS - Cascading Style Sheets [OVERVIEW]

Cascading Style Sheets

Introduction

HTML is obviously important to web design because it provides the web page and gives the content. However, a plain HTML page is very boring is not very pleasing to the user. That is why we need to use CSS! CSS is the design part of web design. CSS makes the website visually appealing and lets us really apply our creativity to the website. With CSS you add color, typography, positioning, layout, and much more. CSS makes our pages easier to navigate for our users. In this module, you will learn what CSS is and how to use it to make your websites shine!

List of Lessons

  • What is CSS?
  • Understanding the Cascade
  • CSS Selectors
  • Managing Text Flow

Essential Questions

  1. What is the purpose of CSS?
  2. What are the different style sheets?
  3. What does it mean that CSS Style Sheets cascade?
  4. What are the parts of a CSS rule?
  5. What is the value of using CSS external style sheets?
  6. When would you use the 4 types of CSS selectors?

Key Terms

Box Model | How elements are rendered in a browser. Consists of 4 areas: content, padding, border, and margin.

CSS Grid | A CSS layout method that breaks the container into a series of columns and rows.

External Style Sheet | An external .css document that contains your CSS rules and is attached to your web pages in the head section. They apply to the whole website.

Inline Style | CSS styles that are included inside the html element. They only apply to that one element.

Internal Style Sheet | CSS style rules that are placed inside the <style> element inside the head of the web page. They only apply to that page of the website.

[CC BY 4.0] UNLESS OTHERWISE NOTED | IMAGES: LICENSED AND USED ACCORDING TO TERMS OF SUBSCRIPTION