CSS Introduction

❮ Home Next ❯

CSS is the code we use to make a web page look good.

What is CSS?

CSS means Cascading Style Sheets.
CSS is like a set of rules that tells web browsers and other platforms how to show HTML elements on the screen, on paper, or in different types of media.
CSS makes things easier. It manages how several web pages look together.
Stylesheets outside the webpage are kept in CSS files

Why Use CSS?

CSS helps you create a stylish look for your website, determining how it appears, its arrangement, and how it adapts to various devices and screen dimensions.

CSS Solved a Big Problem

HTML was never meant to have tags for formatting a webpage!

HTML was made to explain what's on a web page, such as:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When HTML 3.2 introduced tags such as <font> and color attributes, it created challenges for web developers. Creating extensive websites, where fonts and color details had to be added to each page, became a time-consuming and costly task.

To fix this issue, CSS was developed by the World Wide Web Consortium (W3C).

CSS took away the formatting styles from the HTML page!

CSS Saves a Lot of Work!

Style instructions are usually stored in separate .css files.

Using an external style sheet allows you to change the styles of a whole website by modifying a single file!

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: lightblue;
      }

      h1 {
        color: white;
        text-align: center;
      }

      p {
        font-family: verdana;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>My First CSS Example</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

❮ Home Next ❯

CSS Basics

CSS Properties

CSS Responsive

CSS Grid

CSS Introduction

What is CSS?

Why Use CSS?

CSS Solved a Big Problem

CSS Saves a Lot of Work!

Web Development