Scribd Logo
Upload

Welcome to Scribd!

  • CSS Foundation 1

    Uploaded by

    Kkimm Chii
    6 views17 pages
    CSS is used to format HTML elements. CSS syntax uses a target selector followed by a property and value, written as target {property: value;}. CSS can be included inside HTML tags using the style attribute, in the <head> section within <style> tags, or linked externally via a <link> tag pointing to a .css file. A codepen demo is provided to illustrate CSS usage.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    CSS is used to format HTML elements. CSS syntax uses a target selector followed by a property and value, written as target {property: value;}. CSS can be included inside HTML tags using the style attribute, in the <head> section within <style> tags, or linked externally via a <link> tag pointing to a .css file. A codepen demo is provided to illustrate CSS usage.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views17 pages

    CSS Foundation 1

    Uploaded by

    Kkimm Chii
    CSS is used to format HTML elements. CSS syntax uses a target selector followed by a property and value, written as target {property: value;}. CSS can be included inside HTML tags using the style attribute, in the <head> section within <style> tags, or linked externally via a <link> tag pointing to a .css file. A codepen demo is provided to illustrate CSS usage.

    Copyright:

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

    CSS Foundation 1

    MINTER3
    what is css
    syntax
    where to put it
    demo
    ??
    CSS is short for
    What is Cascading Style Sheets
    CSS it formats HTML elements.
    css

    syntax
    target { property: value;}
    p { color: violet;}
    target {
    property: value;
    property: value;
    }
    where to put css
    three places:
    ● inside an html tag
    ● in the head section
    ● as a link to separate file
    <p>The Philippines has eight major
    dialects</p>
    inside an html tag
    <p style=”color:violet;”>The Philippines
    has eight major dialects</p>
    inside the head section
    <html>
    <head>
    <style>
    p{color:violet;}
    </style>
    </head>
    <body>
    <p>The Philippines has eight major
    dialects</p>
    ...
    as a link to a separate file

    HTML FILE CSS FILE

    index.html style.css
    as a link to a separate file
    <html>
    <head>
    <link rel=”stylesheet” href=”style.css”>
    </head>
    <body>
    <p>The Philippines has eight major
    dialects</p>
    ...
    as a link to a separate file
    root root

    css css

    style.css

    style.css
    index.html

    index.html

    css/style.css
    as a link to a separate file
    <html>
    <head>
    <link rel=”stylesheet”
    href=”css/style.css”>
    </head>
    <body>
    <p>The Philippines has eight major
    dialects</p>
    ...
    codepen demo

    You might also like