Introduction:
To day we will learn css3
(Cascading Style Sheets). You already know that simple
css but we are discussed about advance css3. I recommend first you will have a basic
understanding of the Html then you will learn. Css3 introduced many new features
like Selectors, Box Model, Backgrounds and Borders, Image Values and
Replaced Content, Text Effects, 2D/3D Transformations, Animations, Multiple
Column Layout, User Interface etc. we have three different ways to use css3.
- Internal css
- Inline css
- External css
1. Internal
css:
First we are discussed internal
css. Internal css use with in head tag with style tag.
For example:
<!DOCTYPE html>
<html>
<head>
<style>
p{color:red; font-size: 20px;}
</style>
</head>
<body>
<p>IRtutor.blogspot.com.</p>
</body>
</html>
2. Inline
css:
Inline css use to when we
want to use css line by line for example if we want to give some style in heading
tag, first we will give the style attribute with in heading tag then we will
give the style property for example style=”color: blue;”, “color” is a property and “blue” is a value of color.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 style="color: blue;">IRtutor.blogspot.com.</h1>
</body>
</html>
3. External
css:
An
external style sheet is ideal when the style is applied to many pages. With an
external style sheet, you can change the look of an entire Web site by changing
just one file.
Each
page must include a link to the style sheet with the tag. The
tag goes inside the head section:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Conclusion:
This was classed one. Today we have successfully understand
to basics Css3. End of Class one.