SlideShare a Scribd company logo
CSS is composed of style rules that the browser interprets and then applies to the corresponding
elements in your document.
A style rule has three parts: selector, property, and value.
For example, the headline color can be defined as:
CSS
SYNTAX h1 { color: orange; }
The most common and easy to understand selectors are type selectors. This selector targets
element types on the page.
For example, to target all the paragraphs on the page:
id and class Selectors
id selectors allow you to style an HTML element that has an id attribute, regardless of their
position in the document tree. Here is an example of an id selector:
The HTML:
The css:
Type
Selectors
p {
color: red;
font-size:130%;
}
<div id="intro">
<p> web development is fun.</p>
</div>
<p> web development is fun.</p>
#intro {
color: white;
background-color: gray;
}

More Related Content

PDF
Introduction to CSS
PPTX
CSS Basic Introduction, Rules, And Tips
PPTX
Introduction to CSS
PPTX
Languages for web(HTML,CSS,JS)
PPTX
What is css
PPTX
Cascading style sheet
ODP
PPTX
Cascading style-sheet-
Introduction to CSS
CSS Basic Introduction, Rules, And Tips
Introduction to CSS
Languages for web(HTML,CSS,JS)
What is css
Cascading style sheet
Cascading style-sheet-

What's hot (20)

PPTX
chitra
PPT
Css class-01
PPT
PPTX
Css syntax, teachin presentation
PPTX
PPTX
Id and class selector
PPTX
The three types of style sheet lesson two fourth quarter fourth year
PPTX
Ia css
PPTX
Css and its types
PPTX
Web topic 15 1 basic css layout
PPTX
presentation in html,css,javascript
PDF
Lab#5 style and selector
PPT
Cascading style sheets
PPT
Cascading style sheets
PPTX
Web Development - Lecture 5
PPTX
introduction to CSS
chitra
Css class-01
Css syntax, teachin presentation
Id and class selector
The three types of style sheet lesson two fourth quarter fourth year
Ia css
Css and its types
Web topic 15 1 basic css layout
presentation in html,css,javascript
Lab#5 style and selector
Cascading style sheets
Cascading style sheets
Web Development - Lecture 5
introduction to CSS
Ad

Similar to Welcome to css! (20)

PDF
Web Design Course: CSS lecture 1
DOCX
CSS Tutorial For Basic Students Studying
PPTX
Css syntax
PPTX
Cascading Styling Sheets(CSS) simple design language intended to transform th...
PDF
Css tutorial
PDF
Css - Tutorial
PDF
Css tutorial by viveksingh698@gmail.com
PDF
Css tutorial
PDF
Css tutorial
PDF
Css tutorial
PPTX
CSS Basic Introduction
PDF
Csstutorial
PPTX
INTRODUCTIONS OF CSS
PPTX
Turorial css
PPTX
Introduction to Wed System And Technologies (1).pptx
PPT
Cascading Style Sheets(CSS)
PPT
CSS-part-1.ppt
PPTX
cascading style sheets- About cascading style sheets on the selectors
PPT
Basic css
Web Design Course: CSS lecture 1
CSS Tutorial For Basic Students Studying
Css syntax
Cascading Styling Sheets(CSS) simple design language intended to transform th...
Css tutorial
Css - Tutorial
Css tutorial by viveksingh698@gmail.com
Css tutorial
Css tutorial
Css tutorial
CSS Basic Introduction
Csstutorial
INTRODUCTIONS OF CSS
Turorial css
Introduction to Wed System And Technologies (1).pptx
Cascading Style Sheets(CSS)
CSS-part-1.ppt
cascading style sheets- About cascading style sheets on the selectors
Basic css
Ad

More from sidneyodingo (20)

PPTX
html 5
PPTX
html 5
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Welcome to css!
PPTX
Object properties
PPTX
Objects
PPTX
Multiple parameters
html 5
html 5
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Welcome to css!
Object properties
Objects
Multiple parameters

Recently uploaded (20)

PPTX
Institutional Correction lecture only . . .
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
master seminar digital applications in india
PPTX
Cell Structure & Organelles in detailed.
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
Classroom Observation Tools for Teachers
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
Institutional Correction lecture only . . .
Pharmacology of Heart Failure /Pharmacotherapy of CHF
2.FourierTransform-ShortQuestionswithAnswers.pdf
Pharma ospi slides which help in ospi learning
Microbial disease of the cardiovascular and lymphatic systems
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
VCE English Exam - Section C Student Revision Booklet
Module 4: Burden of Disease Tutorial Slides S2 2025
master seminar digital applications in india
Cell Structure & Organelles in detailed.
Final Presentation General Medicine 03-08-2024.pptx
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Supply Chain Operations Speaking Notes -ICLT Program
GDM (1) (1).pptx small presentation for students
Anesthesia in Laparoscopic Surgery in India
Classroom Observation Tools for Teachers
O5-L3 Freight Transport Ops (International) V1.pdf

Welcome to css!

  • 1. CSS is composed of style rules that the browser interprets and then applies to the corresponding elements in your document. A style rule has three parts: selector, property, and value. For example, the headline color can be defined as: CSS SYNTAX h1 { color: orange; }
  • 2. The most common and easy to understand selectors are type selectors. This selector targets element types on the page. For example, to target all the paragraphs on the page: id and class Selectors id selectors allow you to style an HTML element that has an id attribute, regardless of their position in the document tree. Here is an example of an id selector: The HTML: The css: Type Selectors p { color: red; font-size:130%; } <div id="intro"> <p> web development is fun.</p> </div> <p> web development is fun.</p> #intro { color: white; background-color: gray; }