CSS-Notes-CODES/Level1_2.html at main · SHROUDSOURAV/CSS-Notes-CODES · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Learning CSS Level 1</title>
    <!-- to link css files to HTML follow the following steps -->
    <!-- rel = relation which is always "stylesheet for css files" -->
    <!-- href = defines which file (always keep in current directory the css file) -->
    <link rel = "stylesheet" href = "./Level1_2.css">
</head>
<body>
    <h1>Hello from Apna College!!!</h1>

    <!-- adding background color  -->
    <p>Hello from Apna College!!!</p>

    <!-- learning about rgb colors -->
    <!-- rgb form consists of (Red,Green,Blue) respectively-->
    <!-- red, green, blue are primary colors and others color originate from it -->
    <!-- below is an example to demostrate the above theory -->
    <h2>Hello World !!!</h2>


    <!-- types of selectors -->
    <!-- universal(*) selector => sets color to the entire document -->
    <!-- element selector => sets color to the specific element eg-> <h1> <p> elements/tags etc... -->
    <!-- id selector => setting color to id or (#)hash -->
    <!-- class selector => setting color to class or (.)dot -->

    <p class = "color1">    <!-- class selector -->
        hello world!!!
    </p>

    <p id = "color2">hello world!!!</p> <!-- id selector -->
</body>
</html>