My-CSS-Projects/Program 2.html at master · DevangKamal/My-CSS-Projects · 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
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
    <head>
        <style>
            body { background-color: aquamarine;}
            h1 {
                text-align: center;
                    color: white;
            }
            p { color:black;

                font-family: Verdana, Geneva, Tahoma, sans-serif;
                font-size: 20px;
            }
                #para1 {color: blue;
                text-align: center;
            font-style: italic;}
        </style>
        <title>CSS Selectors</title>
    </head>
    <body >
        <h1> CSS Selectors</h1>
        <p>
            Here , we discuss about the difffernt types of the css selectors .........
        </p>
        <p id="para1" >!. Simple selectors <br> 2. Combinator Selectors <br> 3. Pesudo class selectors <br>
        4. Pesudo element selectors</p>
        <h1> !. Simple Selectors</h1>
        <p> In this type of the selectors are ............basically.....headings , paragraphs but with some declared paras also ..<code> #para_</code></p>
    <code> h {propperty:value ;
                                        propperty : value}
                                    p{property:value ;
                                    property:value ;}</code>


        <h1> 2. Combinators Selectors</h1>
        <p> Here we are used the group of simple selectors , basically in which we are use this type of the syntax
        </p>
    <code> (.) class{} .....which followed by the class name and in some times we target the tags.</code>
    </body>
</html>