Scribd
Upload
14 views10 pages

Css3:Basic S& Integratio N

The document provides an introduction to Cascading Style Sheets (CSS), including its history, syntax, and structure. It outlines the evolution of CSS from its first version in 1996 to CSS3, highlighting key features and the role of style sheets in web design. Additionally, it explains the components of CSS rules and categorizes style properties into six groups.

Uploaded by

Dennize Catalan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
14 views10 pages

Css3:Basic S& Integratio N

The document provides an introduction to Cascading Style Sheets (CSS), including its history, syntax, and structure. It outlines the evolution of CSS from its first version in 1996 to CSS3, highlighting key features and the role of style sheets in web design. Additionally, it explains the components of CSS rules and categorizes style properties into six groups.

Uploaded by

Dennize Catalan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

CSS3:BASIC

S&
INTEGRATIO
N
LESSON OBJECTIVES

Introduce Cascading Style Sheets

Review brief history of CSS

Identify the style sheet and its parts

Determine CSS3 syntax


HISTORY AND INTRODUCTION OF
CSS
Cascading Style Sheets was developed by a
World Wide Web Consortium (W3C) team
headed by Bert Bos and Håkon Lie.

The hype of new born technology about


HTML5 and CSS3 for Web designers makes
the Web pages more beautiful. Designers can
now use more fonts.
HISTORY AND INTRODUCTION OF
CSS
The first version of CSS, CSS1, was
released in 1996 and includes basic styling
functions such as font, colors, and
background images. CSS2 came out in
1998, and it added some high-end features
to CSS.
CSS2 allows for positioning of elements on
the page for page layout, provides support
for downloadable fonts, and allows pages
to be formatted for printing.
THE STYLE SHEET AND ITS
PARTS
A set of instructions to a Web
browser on how to display various
elements on a Web page is known as
style sheet.

Cascading Style Sheets is a series of


instructions called statements.
THE STYLE SHEET AND ITS
PARTS

A statement does two things:

1. It identifies the elements in an


HTML document that it affects,
and

2. It tells the browser how to draw


these elements.
THE STYLE SHEET AND ITS
PARTS
How Do Style Sheet Work?
Style sheets are just text files, or text
embedded in the head of an HTML
document, that help separate content from
appearance.
A style sheet suggests the browser to
display a page in a particular way, how the
pages should be displayed in the browser.
CSS3 SYNTAX

A CSS rule has two main parts: a


selector, and one or more list of style
declarations:
Selecto Declaration Declaration
r
{ Color: blue; font-size:
h1
12px;}
Proper Value Proper Valu
ty ty e
CSS3 SYNTAX AND NEW CODES

select body Opening curly


or { brace
font –family:Verdana,:"Minion Web”,san-
serif;
Proper
ty
name
font-size:1em;
Value
Closing curly
text-align:justify;
brace

}
CSS3 SYNTAX AND NEW CODES

Style Properties
Properties are collected into six groups:
•fonts,
•colors and backgrounds,
•text,
•boxes and layout,
•lists,
•and tag classification.

You might also like