Scribd Logo
Upload

Welcome to Scribd!

  • Css Comandi

    Uploaded by

    gg
    2 views3 pages

    Original Title

    css comandi

    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

    Copyright:

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

    Css Comandi

    Uploaded by

    gg

    Copyright:

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

    <head>

    <link rel="stylesheet" type="text/css" href="mystyle.css"> collegamento al foglio esterno


    </head>
    background-color: lightblue;
    The CSS margin properties are used to create space around elements, outside of any defined borders.
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
    The CSS padding properties are used to generate space around an element's content, inside of any
    defined borders.
    padding-top
    padding-right
    padding-bottom
    padding-left
    color: blue;
    color:#7fffd4;
    text-align: center;
    text-align: left;
    text-align: right;
    text-align: justify;
    text-decoration: underline;
    The text-indent property is used to specify the indentation of the first line of a text:
    p{
    text-indent: 50px;
    }
    The letter-spacing property is used to specify the space between the characters in a text:
    h1 {
    letter-spacing: 3px;
    }
    The line-height property is used to specify the space between lines:
    p{
    line-height: 0.8;
    }
    The word-spacing property is used to specify the space between the words in a text:
    h1 {
    word-spacing: 10px;
    }
    The text-shadow property adds shadow to text:
    h1 {
    text-shadow: 3px 2px red;
    }
    The font-family property should hold several font names
    as a "fallback" system. If the browser does not support the
    first font, it tries the next font, and so on:
    p{
    font-family: "Times New Roman", Times, serif;
    }
    font-style: italic; (corsivo)
    font-style:oblique (obliquo)
    font-size: 40px;
    font-weight: bold; (grassetto)
    font-variant: small-caps; (maiuscoletto)

    a:link - a normal, unvisited link


    a:visited - a link the user has visited
    a:hover - a link when the user mouses over it
    a:active - a link the moment it is clicked

    a:link, a:visited {
    background-color: #f44336;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    }

    a:hover, a:active {
    background-color: red;
    }
    The list-style-image property specifies an image as the list item marker:
    ul {
    list-style-image: url('sqpurple.gif');
    list-style-type:circle;
    list-style-type:lower-alpha (alfabeto minuscolo)
    list-style-type: upper-roman (numeri romani maiuscoli)
    }

    Uso di colori di sfondo, margin e padding:

    ol {
    background: #ff9999;
    padding: 20px;
    }

    ul {
    background: #3399ff;
    padding: 20px;
    }

    ol li {
    background: #ffe5e5;
    padding: 5px;
    margin-left: 35px;
    }
    POSIZIONAMENTO ELEMENTI:
    {position: absolute;
    right: 10px;
    top: 50px;
    left: 30px;
    bottom: 50px;
    }

    DIMENSIONAMENTO ELEMENTI: (IMMAGINI/TABELLE)


    Table
    {width: 70px;
    height: 100px;}

    DEFINIZIONE TABELLA E CELLE


    STILI BORDI:
    dotted Specifies a dotted border
    dashed Specifies a dashed border
    solid Specifies a solid border
    double Specifies a double border
    groove Specifies a 3D grooved border. The effect depends on the border-color value
    {Border-style:solid;}
    COLORE BORDI:
    {Border-color:red;}
    SPESSORE BORDI:
    {border-width: 5px}

    You might also like