0% found this document useful (0 votes)
8 views

Introduction To CSS

Uploaded by

sushree007
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views

Introduction To CSS

Uploaded by

sushree007
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Introduction

to CSS

PW SKILLS
Topic
● What is CSS

● Brief History of CSS

● CSS version

● Anatomy Structure of CSS

● Comments in CSS

PW SKILLS
What is CSS
CSS, which stands for Cascading Style Sheets, is the language used to style an HTML file or
source document.
● Style sheet - A set of rules that specify the presentation of a document.
● Source document - The document to which one or more style sheets apply. A source
document’s structure are written using document languages (e.g, HTML, XHTML, or SVG)

PW SKILLS
Brief History of CSS
CSS CSS 2

The classic CSS implementation The specification is primarily


that introduced the text, list, box, known for positioning and media,
margin, border, colour and particularly print-style sheet
background properties. features.

1996 1999

1994 1998

CSS 1 CSS 3

The classic CSS implementation It introduces a wide range of


that introduced the text, list, box, new features and capabilities
margin, border, colour and including advanced selectors,
background properties. gradient, shadows, animations,
transitions and much more

PW SKILLS
Anatomy structure of CSS
Tells how to define a CSS rule.

Selector - define the pattern to select elements


Properties - define the aspect of an HTML element to be styled.
Value - it is use to specifies the value of any CSS properties.
Declaration - it is the combination of a property and its corresponding value.
Rule - It consists of a selector and its associated declaration block.

PW SKILLS
Comments in CSS
Comments in CSS can be of two types,
● Single Comment
● Multiple line Comment

** Single line CSS comment */


div {
color: red;
}

** Multiple
lines
comment
*/

div {
color: red
}

PW SKILLS
THANK YOU

PW SKILLS

You might also like