Scribd Logo
Upload

Welcome to Scribd!

  • CSS3

    Uploaded by

    shiv_ryder
    8 views2 pages
    better understanding of CSS3 with HTML5. CSS3can also be used to modify the content on HTML pages .

    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
    better understanding of CSS3 with HTML5. CSS3can also be used to modify the content on HTML pages .

    Copyright:

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

    CSS3

    Uploaded by

    shiv_ryder
    better understanding of CSS3 with HTML5. CSS3can also be used to modify the content on HTML pages .

    Copyright:

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

    CSS3(unexplored)

    We can directly write the styles in html in the head tag with defined style tag as
    described below or can create a .css file and can link it as
    <link href="style1.css" rel="stylesheet" type="text/css"/>
    The rel="stylesheet" and type="text/css" parts of the link tag tell the browser
    what kind of file is being linked to,
    and how the browser should handle the content.
    font-size:
    font size

    keywords:
    xx-small
    x-small
    small
    medium
    large
    x-large
    xx-large

    font-weight:
    bold or normal
    font-style:
    normal or italic
    text-decoration:
    none, underline, overline, or line-through
    text-transform:
    uppercase, lowercase
    Example :
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #0000;
    line-height: 100%;
    padding: 5px;
    } changes the font of the body if we dont have webdings, alternate will be
    chosen
    h1 {
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    color:red;
    font-size: x-large;
    }
    li {
    font-size: small;
    }
    h2 {
    color: blue;
    font-size: medium;
    AT&T Proprietary (Internal Use Only)
    Not for use or disclosure outside the AT&T companies except under written
    agreement

    font-weight: normal;
    }
    div{
    border:5px solid #dddddd; ( 5px width of border line #dddddd color)
    padding:10px 10px; (height and width of box)
    background:#cccccc; (background color)
    width:300px; (area width)
    border-radius:25px; (round edges)
    box-shadow: 10px 15px 5px #888888; (for shadow effect, height and width
    distance, shadown effect color )
    } applied for elements in div tag
    p{
    font-weight: bold;
    font-size: small;
    color: navy;
    } applied for elements in p tag
    </style>
    </head>
    <body>
    <div><p>The border-radius property allows you to add rounded corners to
    elements.</p></div>
    </body>
    </html>

    AT&T Proprietary (Internal Use Only)


    Not for use or disclosure outside the AT&T companies except under written
    agreement

    You might also like