Scribd Logo
Upload

Welcome to Scribd!

  • 37 views

    Inline CSS: Inline CSS Hello World

    Uploaded by

    Michelle Malabanan
    The document contains instructions for 3 exercises on using different types of CSS - inline, internal, and classes/IDs. In the first exercise, the user is asked to add inline CSS to a paragraph to make the text red. In the second, internal CSS is added to style the paragraph and remove the inline CSS. In the third, internal CSS is used to style paragraphs with a class and ID differently by color.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Inline CSS: Inline CSS Hello World

    Uploaded by

    Michelle Malabanan
    37 views3 pages
    The document contains instructions for 3 exercises on using different types of CSS - inline, internal, and classes/IDs. In the first exercise, the user is asked to add inline CSS to a paragraph to make the text red. In the second, internal CSS is added to style the paragraph and remove the inline CSS. In the third, internal CSS is used to style paragraphs with a class and ID differently by color.

    Original Title

    css handson

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains instructions for 3 exercises on using different types of CSS - inline, internal, and classes/IDs. In the first exercise, the user is asked to add inline CSS to a paragraph to make the text red. In the second, internal CSS is added to style the paragraph and remove the inline CSS. In the third, internal CSS is used to style paragraphs with a class and ID differently by color.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    37 views3 pages

    Inline CSS: Inline CSS Hello World

    Uploaded by

    Michelle Malabanan
    The document contains instructions for 3 exercises on using different types of CSS - inline, internal, and classes/IDs. In the first exercise, the user is asked to add inline CSS to a paragraph to make the text red. In the second, internal CSS is added to style the paragraph and remove the inline CSS. In the third, internal CSS is used to style paragraphs with a class and ID differently by color.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    You are on page 1of 3

    Inline CSS

    INSTRUCTIONS: Add inline CSS to this paragraph to make the text red.

    <!doctype html>
    <html>
    <head>
    <title>Inline CSS</title>
    </head>
    <body>
    <p>Hello World</p>
    </body>
    </html>

    Answer:

    <!doctype html>
    <html>
    <head>
    <title>Inline CSS</title>
    </head>
    <body>
    <p style="color:red;">Hello World</p>
    </body>
    </html>
    Internal CSS
    INSTRUCTIONS: Update the webpage from the previous exercise to add the styling as Internal CSS and
    remove the inline CSS.

    <!doctype html>
    <html>
    <head>
    <title>Internal CSS</title>
    </head>
    <body>
    <p style="color:red;">Hello World</p>
    </body>
    </html>

    Answer:

    <!doctype html>
    <html>
    <head>
    <title>Internal CSS</title>
    <style type="text/css">
    p{
    color:red;
    }
    </style>
    </head>
    <body>
    <p>Hello World</p>
    </body>
    </html>
    Classes And Ids
    INSTRUCTIONS: Add internal CSS to the following webpage to make the first paragraph red and the
    second paragraph blue.

    <!doctype html>
    <html>
    <head>
    <title>Classes and Ids</title>
    </head>
    <body>
    <p class="red">This is a paragraph.</p>
    <p id="blue">This is another paragraph!</p>
    </body>
    </html>

    Answer:

    <!doctype html>
    <html>
    <head>
    <title>Classes and Ids</title>
    <style type="text/css">
    .red {
    color:red;
    }

    #blue {
    color:blue;
    }
    </style>
    </head>
    <body>
    <p class="red">This is a paragraph.</p>
    <p id="blue">This is another paragraph!</p>
    </body>
    </html>

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy