Inline, Internal and External CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CSS Tutorial</title>
<style>
p {
color: white;
background-color: green;
border: 2px solid #000 !important;
}
</style>
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<!--Inline CSS will take more precedence-->
<!--In Internal and External CSS, the precedence will be get which written Last as compare to each other-->
<!--If any property is described "important" like "!important" then it will never override by any other property as shown above in "border" property-->
<h3>This is CSS Tutorial</h3>
<!--<p style="color: red; background-color: yellow">This tutorial will teach you everything you need to know about HTML/CSS</p>-->
<p>This tutorial will teach you everything you need to know about HTML/CSS</p>
</body>
</html>
Comments
Post a Comment