Introduction to CSS

CSS helps a lot when writing a website in HTML.

What is CSS?

1. CSS stands for Cascading Style Sheets.
2. CSS describes how HTML elements display on the screen and other media.
3. CSS is very useful and convenient. It can control all pages on a website.
4. The external stylesheet is stored as .CSS files.

Example of CSS - an HTML page with many different styles

Below is an example of an HTML page displayed with 4 different stylesheets.

Introduction to CSS Picture 1 Introduction to CSS Picture 2
Introduction to CSS Picture 3 Introduction to CSS Picture 4
Introduction to CSS Picture 5
An HTML page with four stylesheets and when not using a stylesheet

Why should CSS be used?

CSS is used to define styles for pages on your website, including design, layout, and display styles across multiple devices with different screen sizes.

CSS helps solve big problems of HTML

HTML does not have an element to format the web page. HTML is only used to create content for the page. When the element like and color attributes were added to HTML 3.2, the nightmare of web developers started. Developing a large website that adds font or color information to each page requires a lot of time.

To solve this problem, the World Wide Web Consortium (W3C) created CSS, eliminating style formatting from the HTML page. The definitions related to styles were included in the .css file and thanks to the file External stylesheet information, you can change the entire website with just a single file.

The following article: Syntax and Selector in CSS