Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title> Chumma CSS </title>
- <link rel="stylesheet" href="style.css" />
- <style type="text/css" rel="stylesheet">
- #preference p {
- color: white;
- }
- </style>
- </head>
- <body>
- <ul>
- <li> <a href="index.html"> Link1 </a> </li>
- <li> <a href="index.html"> Link2 </a> </li>
- <li> <a href="index.html"> Link3 </a> </li>
- <li> <a href="index1.html"> Link4 </a> </li>
- </ul>
- <p style="color: red">
- This is my First Paragraph. I am red in color due to inline style sheet.
- </p>
- <p> This is my Second Paragraph. I am green in color due to linked style sheet </p>
- <div id="preference">
- <p>
- This is my Third Paragraph. I am White in color due to embedded style sheet <br>
- </p>
- <ul>
- <li>1. Preference for inline styles <br> </li>
- <li>2. Embedded styles <br> </li>
- <li>3. External Style sheets <br> </li>
- </ul>
- </div>
- <div id="user">
- <p> Balasubramaniam SN. This color is grey as all default div will get grey background color </p>
- </div>
- <div id="Age">
- <p> 25. This color is orange as all div with ID AGE will get orange background color </p>
- </div>
- <div class="marks">
- <p>English: 96. This color is Yellow as all class with mark will get orange background color</p>
- </div>
- <div class="Gender">
- <p> There are two main Gender, Masculine and Feminine </p>
- </div>
- <p> This is my Sixth Paragraph </p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement