Sorts of CSS and learn how to use these in webpages styling. What are completely different cascading fashion sheet varieties and the way we will use these varieties in numerous webpages in keeping with our necessities. There are three kind of css like inline css, inner css and exterior css. On this video all these varieties are defined in particulars with sensible rationalization.
All particulars and outline of the cascading fashion sheet are given beneath.
Lecture No 08
Matter: Sorts of Cascading Type Sheet
- Inline CSS
- Inner CSS
- Exterior CSS
1. Inline CSS
Inline kinds are outlined inside the “fashion” attribute of the related factor. We could say that this kinds of css is outlined within the tag of HTML factor like Heading tag, paragraph tag and so on. instance is given beneath.
<!DOCTYPE html>
<html>
<physique>
<h1 fashion="coloration:blue;text-align:heart;">Inline CSS Instance</h1>
<p fashion="coloration:blue; background-color: yellow; ">
AIOU Jobs 2020 Apply On-line until 25 November. Allama Iqbal Open college has introduced variety of
jobs of their newest commercial. Meant candidates have to use on-line by making a person by way of
registration choice. All particulars and outline for AIOU Jobs 2020 are given beneath.
</p>
</physique>
</html>
2. Inner CSS
Inner kinds are outlined inside the “fashion” factor, contained in the “head” part of an HTML web page: particulars instance is given beneath.
<!DOCTYPE html>
<html>
<head>
<fashion>
physique { background-color: maroon; coloration: yellow; margin-left: 40px; margin-right: 40px;}
h1 { background-color: yellow; coloration: blue;}
</fashion>
</head>
<physique>
<h1>Inner CSS Instance</h1>
<p>
AIOU Jobs 2020 Apply On-line until 25 November. Allama Iqbal Open college has introduced variety of
jobs of their newest commercial. Meant candidates have to use on-line by making a person by way of
registration choice. All particulars and outline for AIOU Jobs 2020 are given beneath.
</p>
</physique>
</html>
3. Exterior CSS
Exterior kinds are outlined inside the “hyperlink” factor, contained in the “head” part of an HTML web page. We’ll make a separate css file for all coding of css. instance of full program is given beneath.
<!DOCTYPE html>
<html>
<head>
<hyperlink rel="stylesheet" href="exterior css instance.css">
</head>
<physique>
<h1>Exterior CSS Instance</h1>
<p>
AIOU Jobs 2020 Apply On-line until 25 November. Allama Iqbal Open college has introduced variety of
jobs of their newest commercial. Meant candidates have to use on-line by making a person by way of
registration choice. All particulars and outline for AIOU Jobs 2020 are given beneath.
</p>
</physique>
</html>
Exterior CSS “Hyperlink” File Coding
physique {
background-color: lightblue;
coloration: yellow;
margin-left: 40px;
margin-right: 40px;
}
h1 {
coloration: navy;
margin-left: 20px;
margin-right: 20px;
}