Empowering The World Through Technology

Types of CSS and how to use CSS types in webpages styling

0 677

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.

Types of CSS and how to use these in webpages styling
Sorts of CSS

Lecture No 08

Matter: Sorts of Cascading Type Sheet

  1. Inline CSS
  2. Inner CSS
  3. 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;
}

Full Video Tutorial of Lecture 08

Leave A Reply

Your email address will not be published.