Scribd Logo
Upload

Welcome to Scribd!

  • 24 views

    CSS - Cascading Style Sheet: Style

    Uploaded by

    Surya
    CSS (Cascading Style Sheets) is a language used to style and lay out web pages. CSS can control elements like text color, font, size, spacing, and position on multiple web pages. CSS can be added to HTML documents in three ways: inline using the style attribute, internally using the <style> element, or externally using a <link> element to link to a .css file. The most common method is to define styles in external .css files.

    Copyright:

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

    CSS - Cascading Style Sheet: Style

    Uploaded by

    Surya
    24 views3 pages
    CSS (Cascading Style Sheets) is a language used to style and lay out web pages. CSS can control elements like text color, font, size, spacing, and position on multiple web pages. CSS can be added to HTML documents in three ways: inline using the style attribute, internally using the <style> element, or externally using a <link> element to link to a .css file. The most common method is to define styles in external .css files.

    Original Title

    Css

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    CSS (Cascading Style Sheets) is a language used to style and lay out web pages. CSS can control elements like text color, font, size, spacing, and position on multiple web pages. CSS can be added to HTML documents in three ways: inline using the style attribute, internally using the <style> element, or externally using a <link> element to link to a .css file. The most common method is to define styles in external .css files.

    Copyright:

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

    CSS - Cascading Style Sheet: Style

    Uploaded by

    Surya
    CSS (Cascading Style Sheets) is a language used to style and lay out web pages. CSS can control elements like text color, font, size, spacing, and position on multiple web pages. CSS can be added to HTML documents in three ways: inline using the style attribute, internally using the <style> element, or externally using a <link> element to link to a .css file. The most common method is to define styles in external .css files.

    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

    CSS – Cascading Style Sheet

    CSS stands for Cascading Style Sheets.

    CSS saves a lot of work. It can control the layout of multiple web pages all at once.

    Cascading Style Sheets (CSS) is used to format the layout of a webpage.

    With CSS, you can control the color, font, the size of text, the spacing between
    elements, how elements are positioned and laid out, what background images or
    background colors are to be used, different displays for different devices and screen
    sizes, and much more

    CSS can be added to HTML documents in 3 ways:

     Inline - by using the style attribute inside HTML elements


     Internal - by using a <style> element in the <head> section
     External - by using a <link> element to link to an external CSS file

    The most common way to add CSS, is to keep the styles in external CSS files. However,
    in this tutorial we will use inline and internal styles, because this is easier to
    demonstrate, and easier for you to try it yourself.

    Inline CSS

    An inline CSS is used to apply a unique style to a single HTML element.

    An inline CSS uses the style attribute of an HTML element.

    The following example sets the text color of the <h1> element to blue, and the text
    color of the <p> element to red:

    Example
    <html>
    <body>

    <h1 style="color:blue;">A Blue Heading</h1>

    <p style="color:red;">A red paragraph.</p>


    </body>
    </html>
    Internal CSS

    An internal CSS is used to define a style for a single HTML page.

    An internal CSS is defined in the <head> section of an HTML page, within


    a <style> element.

    The following example sets the text color of ALL the <h1> elements (on that page) to
    blue, and the text color of ALL the <p> elements to red. In addition, the page will be
    displayed with a "powderblue" background color:

    Example
    <html>
    <head>
    <style>
    body {background-color: powderblue;}
    h1 {color: blue;}
    p {color: red;}
    </style>
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>

    External CSS

    An external style sheet is used to define the style for many HTML pages.

    To use an external style sheet, add a link to it in the <head> section of each HTML page:
    Example
    <html>
    <head>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>

    The external style sheet can be written in any text editor. The file must not contain any
    HTML code, and must be saved with a .css extension.

    Here is what the "styles.css" file looks like:

    "styles.css":
    body {
    background-color: powderblue;
    }
    h1 {
    color: blue;
    }
    p{
    color: red;
    }

    You might also like