Skip to main content
  1. Web Development Course/

Introduction to CSS

This module teaches you the basics of CSS, which is the standard styling language for creating web pages and web applications. By the end of this course, you will be able to style your own website with multiple pages.

Welcome to the second part of the web development course! In this series, we will talk about the basics of CSS, which is the standard styling language for creating web pages and web applications. We will start with the basics of CSS, and then move on to more advanced topics.

Below, you can find a list of the chapters in this series. Feel free start with any of the chapters in this series, depending on your level of experience with CSS. If you are new to CSS –or if you come from the previous module, we recommend that you start with the first chapter, which will give you a good overview of the basics of CSS.

Lessons of this module>

Lessons of this module #

What is CSS?
Awesome! You’ve learned how to create a web page using HTML. Now it’s time to learn how to make your web pages look beautiful using CSS. CSS stands for Cascading Style Sheets.
CSS syntax
CSS is a language for styling web pages. CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work.
CSS Box Model
In this lesson, we will learn about the CSS box model. This is a very important concept in CSS. It will allow us to control the size and the position of the elements on our web pages.
Common CSS properties
Text> Text # In this lesson, we will learn about some of the most commonly used CSS properties. We will also learn how to use these properties to style our web pages.
External CSS
Great! You have learned some basic CSS properties and you know how to add CSS to your web page inside the <style> element. This is called internal CSS and it is very useful for small web pages.
Inline CSS
Great, now you know how to add CSS to your web pages inside the head element of your HTML file. You also know how to add an external CSS file to your web page.
Internal CSS
It is time to add some CSS to our web page. We will start by adding CSS to our web page using the <style> element. This is called internal CSS. Just like in the example in the previous lesson, we will add a <style> element to the <head> element of our HTML file.
The importance of CSS
CSS (Cascading Style Sheets) is an essential tool for web development. It is what makes websites look beautiful and feel modern. Without CSS, the web would be a pretty boring place!