What is Inline CSS, Internal CSS, External CSS
here you can get the source code of this video
HTML part (tutorial_1.html)
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- internal css --> <style> /* p{ color: blue !important; background-color: coral !important; } */ </style></head><body> <h1>Coding Discussion</h1>
<!-- inline css --> <p style="color: red; background-color: aquamarine;">this is css tutorial number 1</p></body></html>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- internal css -->
<style>
/* p{
color: blue !important;
background-color: coral !important;
} */
</style>
</head>
<body>
<h1>Coding Discussion</h1>
<!-- inline css -->
<p style="color: red; background-color: aquamarine;">this is css tutorial number 1</p>
</body>
</html>
CSS part (style.css)
h1{
color: chartreuse;
background-color: crimson;
padding: 25px;
}
p{
color: chartreuse !important;
background-color: crimson !important;
padding: 25px;
}
0 Comments
If you have any question , then please ask me