Download - CSS
INTRODUCTION
CSS are the powerful way to affect the presentation
of a document or collection of a document.
Mozilla and related browsers use CSS to affect the
presentation of the browser Chrome itself.
Applying CSS
Uses
We need to change the style of document.
Easy to use.
Time saving
Applying CSS example
HTML
<html>
<head>
<title> Untitled Document </title>
</head>
<body>
<p> This is a paragraph </p>
</body>
</html>
CSS
<style type = "text/CSS">
p
{
color : black;
font : Arial;
}
</style>
Selectors
H1
{
color : Red;
background : Yellow;
}
H1 Selectorcolor PropertyRed Value
A selector is most often an HTML element
Grouping SelectorsH2, p
{
color : Gray;
background : Yellow;
}
H2, p Selectorcolor PropertyRed Value
Here we defined a rule where the style on the right
(color : Gray;) applies to elements referenced by
both selectors.
Universal selectors
CSS2 introduced a new simple selectors called
universal selector
*{color: red;}
Class selectors<p.class="warning"> This is a sample slide</p>
<p> Hello world, <span class="warning"> good morning</p>
*.warning {font-weight: bold;}
Pseudo – Class selectors
Pseudo – Class selectors are most supported by
browsers.
a. visited {color: red;}
a. link {color: blue;}
a. hover {color: purple;}
a. active {color: yellow;}
Advantages
Save a lot of time
Easy to use
Page load faster
Easy maintains
Disadvantages
Browser compatibility.
An extra download is required to import style
information for each document.
Conclusion
CSS is the most powerful way to make the
website more attractive. CSS is easy to use
and learn.