CSS-Notes-CODES/Level1_1.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
<!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>
    <!-- Remember!!!! -->
    <!-- css properties will fall under <style> tag within <head> tag in HTML -->
    <style>
        /* Below is basic syntax of selector in css */
        /* here we are selecting element <h1> */
        /* and applying font color = red on it */
        /* after colon(:) we specify the color */
        /* the semicolon(;) is important as it terminates the line */
        h1{
            color:red;
        }
    </style>
</head>
<body>
    <!-- to change the color of an element using css we need to select it first -->
    <!-- we can select an element using a selector and then apply css  -->
    <h1>Hello from Apna College!!!</h1>


    <!-- the above styling of <h1> tag is not inline styling -->
    <!-- below we are going to apply inline styling in <h2> -->
    <!-- in inline styling we use <style> tag and within "" we apply our css properties to customize the <h2> text-->
    <!-- basic syntax => style = "attribute:value;" -->
    <h2 style = "color:blue;">Hello World!!!</h2>
    </body>
</html>