CSL3403/CSS_week_3_Assignment_q2.html at main · Gbirla06/CSL3403 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Two Classes Toghether</title>
</head>
<style>
    .ad{
        color: blue;
    }
    .sd{
        background-color: red;
    }
    .ad.sd{
        font-style: italic;
    }
    p{
        font-size: 25px;
    }
    h1{
        color:green;
    }
</style>
<body style="text-align: center;">
    <h1>Using ad class</h1>
    <p class="ad">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium incidunt, fuga, veritatis sequi laudantium ab dolores maxime nemo dolorum dicta architecto est officia ipsam ex magnam illo eum ea impedit explicabo officiis laboriosam blanditiis.</p>
    <h1>Using sd class</h1>
    <p class="sd">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium incidunt, fuga, veritatis sequi laudantium ab dolores maxime nemo dolorum dicta architecto est officia ipsam ex magnam illo eum ea impedit explicabo officiis laboriosam blanditiis.</p>
    <h1>Using both ad & sd class</h1>
    <p class="ad sd">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium incidunt, fuga, veritatis sequi laudantium ab dolores maxime nemo dolorum dicta architecto est officia ipsam ex magnam illo eum ea impedit explicabo officiis laboriosam blanditiis.</p>
</body>
</html>