Scribd Logo
Upload

Welcome to Scribd!

  • Copy HTML

    Uploaded by

    PRIYABRATA KHAN
    3 views2 pages

    Original Title

    CSS.docx

    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

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    Copy HTML

    Uploaded by

    PRIYABRATA KHAN

    Copyright:

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

    Copy.

    html
    <html>
    <head>
    <style>
    p.first { color: blue; }
    p.second { color: red; font-size: 15px; }
    p.third { background: purple; color: white; }
    </style>
    </head>
    <body>
    <h2>CSS Classes</h2>
    <p class="first">This is the p.first paragraph</p>
    <p class="second">This is the p.second paragraph</p>
    <p class="third">This is the p.third paragraph</p>
    </body>
    </html>
    External.html
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    <p><b>This is a paragraph</b></p>
    <hr>
    <p><b>This is another paragraph</b></p>
    </body>
    </html>
    Extra.css
    h3
    {
    color: red;
    text-align: right;
    font-size: 8pt
    }
    Id.html
    <html>
    <head>
    <style>
    p#exampleID1 { color: blue; }
    p#exampleID2 { text-transform: uppercase; }
    </style>
    </head>
    <body>
    <p id="exampleID1">This paragraph has an ID name of "exampleID1" </p>
    <p id="exampleID2">This paragraph has an ID name of "exampleID2" </p>
    </body>
    </html>
    Inline.html
    <html>
    <body>
    <p style="color: sienna; margin-left: 20px">
    This is a paragraph
    </p>
    </body>
    </html>
    Intlnal.html
    <html>
    <head>
    <style type="text/css">
    hr {color: sienna}
    p {margin-left: 20px}
    body {background-image: url("bgdesert.jpg")}
    </style>
    </head>
    <body>
    <p><b>This is a paragraph</b></p>
    <hr>
    <p><b>This is another paragraph</b></p>
    </body>
    </html>
    Multi.html
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="extra.css" />
    <style type="text/css">
    h3
    {
    text-align: left;
    font-size: 20pt
    }
    </style>
    </head>
    <body>
    <h3>This is a Heading</h3>
    <p><b>This is a paragraph</b></p>
    </body>
    </html>
    Mystyle.css
    hr {color: sienna}
    p {margin-left: 20px}
    body {background-image: url("bgdesert.jpg")}

    You might also like