Scribd Logo
Upload

Welcome to Scribd!

  • Demo HTML Page For CSS Selectors:: 3. by Using Css File

    Uploaded by

    Manish Suryavanshi
    8 views2 pages

    Original Title

    New Microsoft Word Document (3)

    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

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views2 pages

    Demo HTML Page For CSS Selectors:: 3. by Using Css File

    Uploaded by

    Manish Suryavanshi

    Copyright:

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

    Demo HTML Page for CSS Selectors:

    1) <!DOCTYPE html>
    2) <html lang="en" dir="ltr">
    3) <head>
    4) <meta charset="utf-8">
    5) <title>CSS Demo</title>
    6) <link rel="stylesheet" href="style1.css">
    7) </head>
    8) <body>
    9) <h1>Advanced Selectors Demo</h1>
    10) <a href="http://google.com">Click Here to go to Google</a>
    11) <ul>
    12) <li>CAT</li>
    13) <li>RAT</li>
    14) <li>DOG</li>
    15) </ul>
    16) <h4>List of Top Movies</h4>
    17) <ul>
    18) <li>Bahubali</li>
    19) <li>MAHANATI</li>
    20) <li>RANGASTALAM</li>
    21) </ul>
    22) <h4>List of Top Websites</h4>
    23) <ul>
    24) <li><a href="http://amazon.com">AMAZON</a> </li>
    25) <li><a href="http://flipkart.com">FlipKart</a> </li>
    26) <li><a href="http://paytm.com">PAYTM</a> </li>
    3. By using css file:
    style1.css
    1) h1{
    2) color:red;
    3) }
    4)
    5) <head>
    6) <link rel="stylesheet" href="style1.css">
    7) </head>

    We can reuse same css file for every html page so that we can promote code reusability. Hence this approach is highly
    recommended to use.

    Basic Structure of CSS File:


    1) tagname{
    2) property:value;
    3) }

    Eg:
    1) h1{
    2) color:red;
    3) }

    Once we defined css file, we can link it to html by using <link> tag inside <head> part of html.
    1) <head>
    2) <link rel="stylesheet" href="form.css">
    3) </head>
    How to define comments in css file:
    /*
    This is CSS comment
    */

    Demo Application-1:
    1) <!DOCTYPE html>
    2) <html lang="en" dir="ltr">
    3) <head>
    4) <meta charset="utf-8">
    5) <link rel="stylesheet" href="style1.css">
    6) <title>CSS Demo</title>

    You might also like