Su PixelHub trovi corsi, articoli e script per lo sviluppo Web, il Web Marketing e il Social Media Marketing.

Per mantenere i fogli di stile brevi e facili da modificare, è possibile raggruppare regole simili. La possibilità di raggruppare gli stili, offre diversi modi per specificare un insieme di regole condivise.

Ad esempio si potrebbe avere il testo di due intestazioni diverse (h1 e h2) in blu e lo sfondo nero.

Indice

  1. Raggruppare i selettori
  2. Raggruppare le dichiarazioni
  3. Raggruppare i selettori e le dichiarazioni

1. Raggruppare i selettori

I selettori possono essere raggruppati separandoli con una virgola. Questa tecnica applicherà la dichiarazione ad entrambi i selettori.

h1, h2{
    color: blue;
}

h1, h2{
    background: black;
}

2. Raggruppare le dichiarazioni

Le dichiarazioni possono essere raggruppate sotto un unico selettore, separandole con un punto e virgola.

Tutti gli stili all'interno del blocco di dichiarazione verranno applicati a quello specifico selettore.

h1{
    color: blue;
    background: black;
}

h2{
    color: blue;
    background: black;
}

HTML e CSS. Progettare e costruire siti web. Con Contenuto digitale per download e accesso on line

Un modo nuovo e più bello per imparare HTML5 e CSS3. Non sempre chi lavora a progetti web ha una laurea in informatica, mentre le righe di codice che stanno dietro a un sito possono intimidire. Ecco il motivo per cui questo libro non è il "classico" manuale di informatica e si rivolge a programmatori e sviluppatori ma anche ai designer, ai blogger, agli editor e ai content e marketing manager che lavorano su singole parti o interi siti web. Ogni pagina introduce un nuovo argomento con informazioni chiare e piccoli esempi. Colori, diagrammi e fotografie guidano l'apprendimento in un percorso visuale mentre i temi più complessi sono affrontati attraverso infografiche che ne semplificano la comprensione. Non mancano consigli su come gestire la progettazione e l'organizzazione delle pagine web partendo da zero, creare contenuti attraenti (con testo, immagini, audio e video) e siti dotati di una buona tipografia, un layout accattivante e i principali requisiti SEO. Alla fine di ogni capitolo un esempio completo mostra la pratica di quanto appreso. Nessuna esperienza di programmazione è richiesta.

Acquista

3. Raggruppare i selettori e le dichiarazioni

Infine è possibile combinare insieme sia i selettori che le dichiarazioni, creando in questo modo un'unica regola. Questa tecnica offre il modo più breve ed efficace per scrivere queste regole.

h1, h2{
    color: blue;
    background: black;
}

I selettori che hanno dichiarazioni uguali, dovrebbero avere questo tipo di raggruppamento onde evitare ridondanza negli stili e confusione.

Quest'ultima tecnica ha un vantaggio in termini di prestazioni perché è decisamente più breve, riducendo le dimensioni del foglio di stile e risultando conseguentemente più veloce nel caricamento del file CSS.

Conclusione

Raggruppare i selettori con stili simili, facilita il mantenimento dei fogli di stile nel tempo ed evita confusione.

Ti sei iscritto con successo a PixelHub | Creativi Digitali 💻
Bentornatə! Hai effettuato correttamente l'accesso.
Ottimo! Iscrizione effettuata con successo.
Il link è scaduto
Ottimo! Controlla la tua email per il link di accesso.