• User Attivo

    Corso Css

    Ciao a tutti e tanti auguri di buona pasqua , volevo chiedere un informazione sto studiando i css e mi volevo togliere una curiosità

    ho scritto questo codice:

    #primapagina {
    width:700px;
    float: left;
    padding:5px;
    }
    
    .titoloprincipale {
    font-family:"Arial, Helvetica, sans-serif";
    font-size:18px;
    text-align:left;
    text-transform:uppercase;
    padding:4px;
    text-weight:bold;
    }
    
    .titolo {
    font-family:"Arial, Helvetica, sans-serif";
    font-size:26px;
    text-transform:uppercase;
    line-height:25px;
    padding:2px;
    }
    
    .titoloright {
    font-family:"Arial, Helvetica, sans-serif";
    font-size:26px;
    text-transform:uppercase;
    text-align:right;
    padding:2px;
    }
    
    .testoarticolo {
    font-family:"Arial , Helvetia , sans-serif";
    font-size:14px;
    font-style:normal;
    text-align:justify;
    float:left;
    width:450px;
    
    }
    #secondapagina {
    width:700px;
    float: left;
    padding:5px;
    }
    
    .testoarticoloright {
    font-family:"Arial , Helvetia , sans-serif";
    font-size:14px;
    font-style:normal;
    text-align:justify;
    float: left;
    width:450px;
    }
    

    allora vorrei quando il nome del div tipo prima sta con il cancelletto vicino tipo e poi tutti quelli che vengono successivamente stanno con il punto tipo .titoloprincipale , vuol dire che il cancelletto e' il corpo di tutto il div e quelli con il punto sono gli elementi che compongono il div prima pagina?.

    Spero di essere stato chiaro.

    Grazie


  • User Attivo

    Ciao Joker.
    Allora, il # indica l'id (o se vuoi il nome) di un div, assegnabile con
    [html]<div id="primapagina">[/html]
    Il . indica una classe... assegnabile in questo modo:
    [html]<div class="titoloright">[/html]
    Che io sappia, la differenza sta che le classi le puoi assegnare a vari elementi, esempio:
    [html]<p class="titoloright"> <a href="" class="testoarticolo"> <img src="" class="immaginecontornata">[/html]


  • User

    @Marinski said:

    Ciao Joker.
    Allora, il # indica l'id (o se vuoi il nome) di un div, assegnabile con
    [html]<div id="primapagina">[/html]Il . indica una classe... assegnabile in questo modo:
    [html]<div class="titoloright">[/html]Che io sappia, la differenza sta che le classi le puoi assegnare a vari elementi, esempio:
    [html]<p class="titoloright"> <a href="" class="testoarticolo"> <img src="" class="immaginecontornata">[/html]

    La differenza e' che l'ID lo puoi assegnare a un solo elemento nella pagina, mentre la class la puoi assegnare a più elementi.