External CSS in web development

What is the external CSS?

External CSS means that web page is separate and .css file is a separate file but web page access the .css

Example of external CSS

1st Step: HTML File

<html>

<head>

</head>

<body>

</html>

2nd Step: CSS File

body {
background-color: red;
}

index.html

<html>
<head>
<style>
p
{
color:red;
}
</style>
<link rel="stylesheet" 
type="text/css" 
href="itstyle.css" />
</head>
<body>
<p>this is paragraph - 
internal css</p>
<p>this is external css</p>

</body>
</html>

<html>

<head>

<style>

{

color:red;

}

</style>

type="text/css"

href="itstyle.css" />

</head>

<body>

<p>this is paragraph -

internal css</p>

<p>this is external css</p>

</body>

</html>

itstyle.css

p
{
color:blue;
}

/* CSS Document */

{

color:blue;

}

/* CSS Document */

External CSS in web development

What is the external CSS?

Example of external CSS

Priority of external CSS VS Internal CSS

Similar Problems to understand

Related Posts:

Add a Comment