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
