learntheweb

Lesson Content

What is CSS?

Introduction

In this lesson, we’ll be introducing CSS, a tool that helps us style and design websites. We’ll learn about its various uses and how it works to make websites more visually appealing. As you continue your journey in web development, you’ll find CSS to be a valuable tool for creating beautiful and effective websites. Let’s get started!

Overview

By the end of this lesson, you should be able to:
    • Understand the importance of CSS in websites
    • Understand what CSS is and it’s purpose
    • Understand what will be taught throughout the course

CSS

How is it relevant?

Take a look at this website made with only HTML: it looks a bit stale doesn’t it? HTML allows us to put content on our site, but we can’t really make things look any better than the picture below. 

But with just a sprinkle of CSS, we can turn our plain HTML webpage above into something like this:

And even this picture doesn’t do justice to just how powerful CSS is. All the styling you see on modern webpages from borders to colors to fonts to animations are all done with CSS.

So what is CSS Exactly?

CSS is a language that styles and layouts webpages, making them visually appealing and user-friendly. It allows developers to change the appearance of elements using styles like fonts, colors, and sizes, and create responsive designs that adjust to different screen sizes. CSS is more than a want, it’s a necessity for modern web development!

What will you learn?

In the coming lessons, you will have the opportunity to dive into the world of CSS and expand your understanding of web development. By reviewing and building upon the foundational concepts of HTML, you will learn the basics of CSS and how to effectively use it to style and design websites. From selectors and properties to more advanced topics, this course will provide you with a comprehensive understanding of CSS and its capabilities.

 

By the end of the course, you will have mastered the skills needed to confidently create and enhance professional-grade websites, showcasing your abilities in your portfolio. Whether you’re starting from scratch or building upon your previous HTML knowledge, this course will equip you with the skills and confidence you need to succeed in the world of web development.

 

In the next lesson, we’ll learn how to link our CSS to our HTML and how to get started on writing CSS. Let’s go!