12/18/24, 8:01 PM Example6.
html
ExamModel\Example6.html
1 <html>
2 <head>
3 <title>Use Of Cascading Style Sheets</title>
4 <link rel ="stylesheet" type="text/css" href="C:\Users\lenovo\Documents\College Web
Page Development\ExamModel\FileCSS.css">
5 <style>
6 h1
7 {
8 color: darkgreen;
9 font-family: verdana;
10 font-size: 20px;
11 text-align: center;
12 }
13 body
14 {
15 background-color :rgb(227, 227, 158);
16 margin : 2%;
17 font-family: Georgia;
18
19 }
20 </style>
21 </head>
22 <body>
23 <h1>To Demonstarte The Use Of Cascading Style Sheets</h1>
24 <h2 style = "font-size:medium;">Types of CSS</h2>
25 <ul>
26 <li>External CSS</li>
27 <li>Inline CSS</li>
28 <li>Embeded CSS</li>
29 </ul>
30 <h2 style = "font-size:medium;">Inline CSS</h2>
31 <p>Inline CSS is when the CSS style keyword is used inside HTML Tag.The properties
mentioned in the Style attribute are applied to the element.<br>
32 <b>For Example:</b> H2 style = "color:blue;"Example of Inline CSS /H2<br>
33 The property value of blue and color are applied to the H2 tag.</p>
34 <h2 style = "font-size:medium;">Embeded CSS</h2>
35 <p>Embeded CSS is when the CSS style keyword is used inside the HTML Head Tag.A
selector is used to select the HTML tags and proerties and values are asinged to selector
values.<br>
36 <b>For Example:</b> style h2{color:blue;}<br>
37 whenever the H2 tag is used in the HTML document the property value of blue and
color are applied to the H2 tag.
38 </p>
39 <h2 style = "font-size:medium;">External CSS</h2>
40 <p>External CSS is when the CSS style keyword is used in a separate file and
linked.File is Saved as a .css file and linked to the HTML document using the link tag.<br>
41 <b>For Example:</b> link rel="stylesheet" type="text/css"<br>
42 Selector:A selector is used to select the HTML tags and proerties and values are
asinged to selector values.<br>
43 selector {
44 <br>Property : value;<br>
45 }
localhost:52817/71488347-898e-4cd6-a22f-9f5dc5c3068b/ 1/2
12/18/24, 8:01 PM Example6.html
46 </p>
47
48
49
50
51
52
53 </body>
54 </html>
localhost:52817/71488347-898e-4cd6-a22f-9f5dc5c3068b/ 2/2
