CSS Tutorial

Learn how to style your web pages. CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed.

CSS Introduction

CSS is the language we use to style a Web page.

"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. It can control the layout of multiple web pages all at once.

style.css

body {
  background-color: lightblue;
}

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

p {
  font-family: verdana;
  font-size: 20px;
}

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

Efficiency

CSS saves time: You can write CSS once and then reuse the same sheet in multiple HTML pages.

Layout Control

Control layout of many documents from one single style sheet (External Style Sheet).

Responsive Design

Makes it easy to maintain and update the look of your website for different device types.

Accessibility

Separation of content and presentation improves content accessibility and readability.