Scribd Logo
Upload

Welcome to Scribd!

  • HTML + CSS Code Byself

    Uploaded by

    kritikaaroara999
    21 views3 pages
    This document contains HTML code and comments for styling elements with CSS. It includes examples of using internal, external, and inline CSS to style headings, paragraphs, divs and other elements with properties like color, background, border, text formatting and shadows. Nested div elements are used to demonstrate the parent-child relationship in HTML and CSS.

    Original Description:

    css notes by self

    Original Title

    HTML + CSS code byself

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains HTML code and comments for styling elements with CSS. It includes examples of using internal, external, and inline CSS to style headings, paragraphs, divs and other elements with properties like color, background, border, text formatting and shadows. Nested div elements are used to demonstrate the parent-child relationship in HTML and CSS.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    21 views3 pages

    HTML + CSS Code Byself

    Uploaded by

    kritikaaroara999
    This document contains HTML code and comments for styling elements with CSS. It includes examples of using internal, external, and inline CSS to style headings, paragraphs, divs and other elements with properties like color, background, border, text formatting and shadows. Nested div elements are used to demonstrate the parent-child relationship in HTML and CSS.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- <link rel="preconnect" href="https://fonts.gstatic.com">


    <link href="https://fonts.googleapis.com/css2?
    family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Rale
    way:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&displa
    y=swap" rel="stylesheet"> -->

    <!--Stylesheet-->
    <!--External CSS-->
    <!--<link rel="stylesheet" type="text/css" href="style.css"> -->
    <!--Internal CSS-->
    <!--<style>
    p{
    color: blue;
    }
    </style>-->
    <!--Inline CSS-->
    <!--<body>
    <p>Paragraph 1</p>
    <hr>
    <p style="color: chartreuse;">Paragraph 2</p>
    <hr>
    <p>Paragraph 3</p>
    <hr>
    </body>-->
    <link rel="stylesheet" type="text/css" href="style.css">

    </head>
    <body>
    <!-- Background
    <h1 id="h" class="green-text">Heading of CSS</h1>
    <p>Paragraph 1</p>
    <p class="green-text">Paragraph 2</p>
    <p id="p3">Paragraph 3</p>
    <p>Paragraph 4</p>
    <p class="green-text">Paragraph 5</p> -->

    <!-- <div id="bg">


    <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi ab nobis nemo.
    </p>
    </div> -->
    <!-- Border
    <div id="Border">
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem excepturi rem natus perspiciatis,
    atque quidem beatae non inventore aspernatur earum harum perferendis ipsum autem explicabo dolore velit rerum.

    </div> -->
    <!-- <div class="div1" id="colsp">
    <p>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur reiciendis commodi
    delectus temporibus qui recusandae eum nulla, eos velit rem corrupti explicabo magni in adipisci enim minus aperiam,
    harum sed. Recusandae hic.
    </p>

    </div>
    <div class="div1" id="marg">
    <p>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur reiciendis commodi
    delectus temporibus qui recusandae eum nulla, eos velit rem corrupti explicabo magni in adipisci enim minus aperiam,
    harum sed. Recusandae hic.
    </p>

    </div> -->
    <!-- <div id="text">
    <p>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quas hic aspernatur
    reiciendisghhjvkgkgvlvkygkgkyvky commodi delectus temporibus qui recusandae eum nulla, eos velit rem corrupti
    explicabo magni in adipisci enim minus aperiam, harum sed. Recusandae hic.
    </p>

    </div> -->
    <!-- <p id="shadow">Lorem Ipsum</p> -->
    <!-- <p id="text">
    Lorem Ipsum
    </p> -->
    <!-- <a href="https://www.boohoo.com/">boohoo</a> -->
    <!-- <h1>Heading</h1>
    <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptatem eligendi veritatis totam
    provident at! Enim, cum labore commodi, repudiandae quibusdam dolorum ipsa, architecto alias nam nemo expedita
    voluptate libero.</p> -->

    <div id="Parent">
    <p>
    This is parent text
    </p>
    <div id="Child">
    <p>
    This is child text
    </p>
    </div>

    </div>
    </body>
    </html>

    You might also like