Cascading Style Sheets

CSS:   Cascading Style Sheets

BUILDING BLOCK OF WEBSIDE

HTML:

Provides the structure and content of a webpage.

CSS:

Styles and designs the appearance of the webpage

JAVASCRIPT:

Adds interactivity and dynamic behavior to the webpage.

 

 

What is CSS?

• Cascading Style Sheets (CSS) is a stylesheet language used to describe the look & presentation of a document written in HTML or XML. It defines how elements are displayed on a web page

. • CSS makes websites visually appealing and user-friendly.

 

How to code CSS?

h1 {

color: red;

font-size: 32px;

 }

Creators & Maintenance of CSS?

• CSS was created by a group of individuals known as the World Wide Web Consortium (W3C).

 • Primary contributors include Håkon Wium Lie and Bert Bos.

 • CSS standards and specifications are maintained by the W3C.

 • A community of web developers, designers, and browser vendors also contribute to its evolution.

 • Regular updates and new versions ensure CSS remains relevant and adaptable to changing web design needs.

 

 

CSS Rule Structure

• A CSS rule consists of a selector and a declaration block

. • Declarations are used to define the style properties for the selected elements.

• Each declaration consists of a property and a value.

 

 

 

 

h1 {

color: red;

font-size: 32px;

}

 

 

Syntax– CSS

p{

color: blue;

font-weight: bold;

}

 

Types of Selectors

CSS Tag / Element Selector

h1 {

 color: red;

 font-size: 32px;

 }

Class Selector

<section>

<button class = “btn”> come to blog of css  </button> </section>

 

.btn{

color: blue;

 font-weight: bold;

 }

Id Selector :

<section>

<button id = “btn”> come to blog of CSS  </button> </section>

#btn{

color: blue;

 font-weight: bold;

}

 

Pseudo-Class –

CSS a:hover{

color: blue;

font-weight: bold;

}