HTML

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 *