Tile: Module 3: CSS I | Web Design [HTML und CSS]

Module 3: CSS I
Introduction to CSS. Inserting and Applying CSS

Introduction to CSS

Inserting CSS

Applying CSS

What is CSS? The language of style is CSS which stands for Cascading Style Sheets. In general, the visual output of the web page is the combination of HTML (structure) and the CSS (style-appearance). In this submodule and we will learn the basic syntax rule, "Selector {Property: Value;}

Inserting CSS. In this submodule, we'll discuss the different ways to insert CSS: inline CSS, internal CSS, and external CSS. We will also understand and apply the priority rule, "the closest to the element the highest priority it has". Finally, we will learn how to style text and fonts.

Applying CSS. In this submodule, we will see how the "Box model" works and how we can format a web page using colors, Google fonts and font - Awesome icons.
- Select activity Aims - Expected outcomes- Key concepts CSS I
  
  Aims - Expected outcomes- Key concepts CSS I
  
  Students must
  
  Mark as done
- Select activity Submodule 3.1: Introduction to CSS
  Submodule 3.1: Introduction to CSS
  
  Students must
  
  View
  
  What is style
  
  Comments
  
  Syntax
- Select activity Submodule 3.2: Inserting CSS
  Submodule 3.2: Inserting CSS
  
  Students must
  
  View
  
  How to Insert CSS:
  
  Inline style
  
  Internal Style Sheet
  
  External style sheet
  
  Style rules Priorities
- Select activity Submodule 3.3: Applying CSS
  Submodule 3.3: Applying CSS
  
  Students must
  
  View
  
  Colors
  
  Google fonts
  
  Font Awesome
  
  Box model
- Select activity Practice set: CSS I
  
  Practice set: CSS I
  
  Students must
  
  Receive a grade
  
  Receive a passing grade
- Select activity Assignment: CSS I
  
  Assignment: CSS I
  
  Students must
  
  Make a submission
- Select activity Assignment: CSS I - Answer
  Assignment: CSS I - Answer
  You can view a sample answer of the code for the Assignment CSS I
  
  You can view a sample answer of the code for the Assignment CSS I
  
  Not available unless: The activity Practice set: CSS I is marked complete ...
  
  Not available unless:
  
  The activity Practice set: CSS I is marked complete
  
  The activity Assignment: CSS I is marked complete

Module 3: CSS I

Introduction to CSS. Inserting and Applying CSS