HTML CSS

CSS With HTML
CSS stands for Cascading Style Sheets.

CSS provide effective alternatives (properties) to specify various attributes for the HTML tags and property declaration is separated by a semi-colon.

In HTML CSS can be used in 3 ways

Inline : Used style attribute with in HTML elements.

Example

<h1 style="color:red;">Inline CSS Heading Example</h1>

Internal : Used CSS in the <head> section.

Example

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: red;}
h1 {color: black;}

</style>
</head>
<body>
<h1>Internal CSS Heading Example</h1>

</body>
</html>

External : Used CSS using external css file.Using an external style sheet, you can change the entire web site, by changing single css file.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>Heading Goes Here</h1>

</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *