Prologue to External CSS
Apply styles to an entire website by placing the CSS into an external stylesheet.
an external sheet may be a separate file where you’ll declare all the styles that you simply want to use on your website. You then link to the external sheet from all of your HTML pages.
This means you simply got to set the styles for every element once. If you would like to update the design of your website, you simply got to roll in the hay in one place.
External sheet − Define sheet rules during a separate .css file then include that enter your HTML document using HTML tag.
External sheet
If you would like to use your sheet for various pages, then it is often recommended to define a standard sheet in a separate file. A cascading sheet file will have an extension as .css and it’ll be included in HTML files using the tag.
The external sheet is usually used once you want to form changes on multiple pages. it’s ideal for this condition because it facilitates you to vary the design of the whole website by changing only one file.
It uses the append every page and therefore the tag should be put inside the top section.
Step1:- Create index.html File and Add CSS link.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Myprograming</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--------this is External CSS---->
<h1>Myprograming</h1>
<p>This is External CSS</p>
</body>
</html>Step2:- Create style.css File. Then Add CSS style.
*{
margin: 0;
padding: 0;
}
h1{
color: red;
font-size: 55px;
flex-wrap: 700;
}
p{
background: yellow;
padding: 10px;
}Example:–
first, add the link style.css file. and write some HTML code
some style adds style.css file.
Output:-
