Scribd Logo
Upload

Welcome to Scribd!

  • Css Notes

    Uploaded by

    Mayank Yadav
    9 views2 pages
    This document discusses different ways to style elements in CSS, including using external style sheets, classes, IDs, universal selectors, and the !important rule. It provides examples of linking to an external CSS file, using classes and IDs to target specific elements, applying the universal selector to make all elements bold, and overriding other CSS with !important.

    Original Description:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses different ways to style elements in CSS, including using external style sheets, classes, IDs, universal selectors, and the !important rule. It provides examples of linking to an external CSS file, using classes and IDs to target specific elements, applying the universal selector to make all elements bold, and overriding other CSS with !important.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views2 pages

    Css Notes

    Uploaded by

    Mayank Yadav
    This document discusses different ways to style elements in CSS, including using external style sheets, classes, IDs, universal selectors, and the !important rule. It provides examples of linking to an external CSS file, using classes and IDs to target specific elements, applying the universal selector to make all elements bold, and overriding other CSS with !important.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    CSS

    External Style Sheet

    <html>
    <head>
    <link type="text/css" rel="stylesheet" href="paragraph.css">
    </head>

    <body>
    <h1>Headline Text </h1>

    <p>This is body</p>

    </body>
    </html>

    File
    p
    {
    color: blue;
    text-align:right;
    font-family: courier;
    }

    USING CLASS
    <style>
    p.className {color:black; }
    p.bodytext {color: red; }
    </style>

    <p class="bodytext">
    This one is red. </p>

    USING ID
    <style>
    #highlight {color:yellow; font-style: italic; }
    </style>

    <p id="highlight"> highlighted text </p>

    UNIVERSAL SELECTOR
    Instead of
    body, p, table, h1, h2, h3, h4, h5, h6, {font-weight: bold;}
    Use
    * {font-weight: bold;}
    TO OVERRIDE PRECEDENCE USE !IMPORTANT
    p { color: blue; text-align: center; font-family: arial!Important; font-size:18.0pt!Important }

    You might also like