Html_Css/18_Classes.html at main · TarunSharma-droid/Html_Css · 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 name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Classes</title>
    <link rel="stylesheet" href="19_Classes.css">
</head>
<body>
        <h1 class = "abc">Classes</h1>

        <pr>
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit illo reprehenderit nisi accusantium eum iure hic deleniti eaque voluptates velit commodi minus inventore ipsa corrupti debitis incidunt reiciendis delectus, consequuntur, adipisci facilis aspernatur pariatur. Quibusdam eum exercitationem ab, enim qui consequatur, temporibus nesciunt sit, ipsum laboriosam eaque culpa inventore neque reiciendis incidunt repellendus! Vero veritatis odit perspiciatis unde error deserunt quam labore iusto eius alias quibusdam in architecto pariatur incidunt, quod debitis accusantium voluptate commodi enim! Exercitationem dicta molestiae totam provident, placeat odio repellendus sit. Veniam, tempora cupiditate culpa facere, porro deleniti quo sequi praesentium voluptatem neque, distinctio mollitia ducimus.
        </pr>

        <h1>My name is Tarun</h1>

        <pr class = "abc">
            Lorem ipsum dolor sit adipisicing elit. A expedita fugit maxime eaque odio beatae, exercitationem facere asperiores sunt minus blanditiis tenetur perspiciatis tempore ipsa sequi distinctio temporibus magni provident totam. Minus illum suscipit, unde quia sint corrupti corporis inventore ducimus hic cumque, molestiae architecto eligendi rem ipsam iure vitae.
        </pr>

        <h1> Hello how are you !!</h1>
</body>
</html>


<!--class is used as the property which is once written in the stylesheet and applied at the variour places in the HTML code
It means classes are used to give the same property to more than one element in the HTML code-->

<!-- Class name or the name of id cannot start with any number -->

<!-- Also we can give more then one class to an element -->

<!-- SPECIFICITY ORDER : id > class  > element -->