1<head>
2 <!-- Linking external Css document -->
3 <link rel="stylesheet" href="styles.css">
4
5 <!-- Writing Css inside HTML element -->
6 <style>
7 ...
8 </style>
9</head>
1<!-- Linking External Style Sheets -->
2<head>
3 <link rel="stylesheet" href="css/style.css" />
4</head>
5
6<!-- Embedded Style Sheets -->
7<head>
8 <style>
9 body {
10 background-color: YellowGreen;
11 }
12 h1 {
13 color: blue;
14 }
15 p {
16 color: red;
17 }
18 </style>
19</head>
20
21<!-- Inline Styles -->
22<h1 style="color: red; font-size: 30px">This is a heading</h1>
23<p style="color: green; font-size: 18px">This is a paragraph.</p>
24<div style="color: green; font-size: 18px">This is some text.</div>
1/*
2adding css without a css file
3*/
4
5/*
6in head add
7*/
8
9<style>
10 /* put in your normal css*/
11</style>