Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Css e selettore ripetuto

    Ciao a tutti, sto studiando Html5 e Css3. Sto facendo pratica prendendo siti già fatti e studiandone il codice.

    Nel codice inserito di seguito vedo che il selettore body viene indicato due volte, facendo riferimento a proprietà differenti. La mia domanda è questa, come mai il body non viene accorpato? C'è un motivo specifico, o è una pura scelta personale del programmatore, che da quello che vedo ha sezionato il fogli di stile con intestazioni di commenti descrittivi specifiche? So che puo risultare semplice per chi è gia un esperto, ma cose del genere, per chi è alle prime armi, possono risultare montagne!!!


    codice:
    /* HTML5 display-role reset for older browsers */
    
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    
    
    body {
        line-height: 1;
    }
    
    
    /* Note from Bruce: The Meyer Reset includes this rule, but I've commented it out so it doesn't take effect. If it weren't commented out, it would turn off the numbers before list items in an ol, and the bullets before list items in an ul. 
    ol, ul {
        list-style: none;
    } */
    
    
    blockquote, q {
        quotes: none;
    }
    
    
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    
    
    
    /* GENERAL
    ---------------------------------------------- */
    body {
        color: #1d3d76;
        font: 100% "Trebuchet MS", Verdana, sans-serif;
        padding-bottom: 20px;
    }
    
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .logo {
        color: #b74e07;
        font-weight: bold;
    }

  2. #2
    Utente di HTML.it L'avatar di shane007
    Registrato dal
    Jun 2011
    residenza
    Trentino, tra vacche ed aria buona.
    Messaggi
    55
    Solitamente sarebbe meglio accorpare tutte le proprietà per cercare di ridurre il file CSS e quindi velocizzare il caricamento della pagina.
    In questo caso specifico chi ha creato il sito ha utilizzato un "reset css" che serve per eliminare tutte le proprietà che di default hanno gli elementi css (come per esempio margin, padding ecc). Per maggiori info: http://www.html.it/pag/18944/reset-c...t-del-browser/
    Il motivo per il quale ha deciso di tenere gli elementi separati credo che sia l'ordine.
    Tutto chiaro?
    Siamo nel 2014, ci sono tante belle cose come Google, CodePen, Stackoverflow, ecc. Perché non usare?

  3. #3
    Ciao Shane007, adesso si che è chiaro. Avevo già letto del reset.css ma non avevo compreso che proprio il primo body fosse all'interno del reset.

    Ora è decisamente più chiaro. Procedo con lo studio. Grazie mille .. e alla prossima info!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.