Learn CSS - CSS Tutorial - CSS Introduction

CSS Tutorial

What is CSS?

• CSS stands for Cascading Style Sheets
• CSS is the language we use to style a Web page.

Usage

• It is used to design HTML tags.
• It is used to define styles for your web pages
• Layout and variations in display(Responsive) for different devices and screen sizes(Multiple Device Compatibility).
• Developing simple Web Pages using HTML or XHTML.

Why to Learn Cascading Style Sheets?

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable. Note:  Website development skills are in high demand. Almost all companies want to have an online presence. It has created a huge demand for experts who know CSS3, HTML, and other development skills.

Versions

• CSS1
• CSS2
• CSS3

popular CSS preprocessors:

• Sass
• scss
• LESS
• Stylus
• PostCSS.

Top Frameworks

1. Bootstrap 2. Tailwind CSS 3. Foundation 4. Bulma 5. Skeleton

Syntax:-

Selector{
Property1: value1;
Property2: value2;
..........;
}

h1 {
color: red;
padding-bottom: 10px;
}

  h1 -> Selector color -> property red -> value padding-bottom is a property, and "10px" is the property value.

Cascading Style Sheets Saves a Lot of Work!

The style definitions are normally saved in external .css or Internal files. With an external stylesheet file, you can change the look of an entire website by changing just one file!