Scribd Logo
Upload

Welcome to Scribd!

  • External Style Sheet

    Uploaded by

    Bobby
    121 views1 page
    External Style Sheet description

    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
    External Style Sheet description

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    121 views1 page

    External Style Sheet

    Uploaded by

    Bobby
    External Style Sheet description

    Copyright:

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

    External Style Sheet

     The true power of CSS is separating presentation from content. External stylesheets are the tool for doing exactly
    this. An eternal style sheet is ideal when the style is applied to many pages.
     By putting all the CSS rules into a separate .css file (a simple text file) we can re-use them for the pages without
    rewriting. All the styles are in a centralized place making it easy to maintain and change the look of the website.
     To include one or more style sheets into XHTML document we can use the <link……/> element inside the
    HTML <head>.
     The trick is to create a link from the XHTML document(default.html) to style sheet(style.css). such link can be
    created with one line of XHTML code as shown below <link rel=”stylesheet” type=”text/css”
    href=”style/style.css/>.
     Type: this is the MIME content-type and should always be set to text/css for stylesheets.
     Rel: this attribute describes the relationship between the actual document and the one we are linking to. In this
    case its always stylesheet.
     Href: this is the link to the stylesheet.
    What are External Style Sheet?
    The External style sheets can be defined for entire web pages by simply writing the definitions in a plain text file that is
    referred to from each of the page in the web site.
    How to link external style sheet in the web page?
    The link can be created with one line of XHTML, code as shown below.
    <link rel=”stylesheet” type=”text/css” href=”style.css”>
    What are the attributes of <link> tag?
    The attributes are rel, type, and href.

    External style specification format-using selectors.


    ● We know that external styles are associated with CSS files. The style format in CSS should be as shown below.
    Selector{
    property_1:value_1;
    property_2:value_2;
    …..
    property_n:value_n; }
    ● There is no limit on the number of property:value pair that can be specified for a selector.
    Advantages:
    ● Can control style for multiple documents at once
    ● Classes can be created for us on multiple XTML element types in many documents.
    ● Selector and grouping methods can be used to apply styles under complex contexts.

    Disadvantages:
    ● An extra download is required to import style information for each document.
    ● The rendering of the document may be delayed until the external style sheet is loaded.
    ● Becomes slightly unwieldy for small quantities of style definitions.

    You might also like