zeek14.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS TUTORIALS</title>
<!-- This is method to write internal css -->
<style> p {color: saddlebrown;
background-color: yellow !important;
}</style>
<!-- This is method to write external CSS by creating a CSS file -->
<link rel="stylesheet" href="zeek14.css">
<!-- According to videos whoever comes after amomg internal or external css
i.e link or style will have priority which in this case is link.
Inline has most priority. -->
<!-- But if we write !important that one has most priority -->
</head>
<body>
<h3>This is CSS tutorial</h3>
This is how Inline CSS work
<!-- <p style="color:royalblue;background-color: chartreuse;">This is the paragraph
through which we see the effects of Inline CSS.
We learn that Inline CSS has highest priority of different types of CSS.</p> -->
<p>This is the paragraph through which we see the effects of Internal and External CSS.
We learn about syntax and priority of Internal or External CSS is dependent on which
comes later more priority.But when !important tag is used that is given priority </p>
</body>
</html>
Comments
Post a Comment