Casa Social media Qual è il tuo stile CSS? - dummies

Qual è il tuo stile CSS? - dummies

Video: Conosci SASS e Migliora il tuo Sviluppo CSS 2025

Video: Conosci SASS e Migliora il tuo Sviluppo CSS 2025
Anonim

Uno degli aspetti più confusi di lavorare con (Cascading Style Sheets) CSS è che si può scrivere stili in tanti modi. Simile alla scrittura in prosa, solo perché comprendi le regole di base della grammatica e della scrittura ortografica non significa che tu abbia imparato a scrivere la prosa concisa.

I designer esperti di CSS impiegano molto tempo a creare CSS brevi e chiari, facili da modificare e aggiornare. Ma coloro che sono nuovi ai CSS sono inclini a scrivere più stili del necessario e a creare stili ridondanti.

Non solo il codice ridondante richiede più tempo per essere scaricato su un browser Web, è molto più difficile da modificare o rivedere in seguito. E, più il tuo codice è ridondante, più è probabile che tu possa imbatterti in conflitti di stile.

Ecco cinque suggerimenti per scrivere stili puliti ed efficienti:

  • Non creare mai due stili quando ne bastano uno. Ad esempio, è possibile creare uno stile utilizzando il selettore di tag per tutti gli

    che cambia la famiglia di font dei vostri titoli, e quindi creare un secondo stile utilizzando un selettore di classe che è possibile applicare per i titoli di cambiare la colore.

    Ma sarebbe più efficiente definire sia il colore che la famiglia di font nello stesso stile. Ricorda che puoi sempre tornare indietro e modificare uno stile per aggiungere un'altra regola se vuoi cambiare la formattazione dello stile.

  • Abbrevia codici colore esadecimali. È possibile definire i colori nei CSS includendo l'intero codice colore esadecimale. Tuttavia, quando si utilizzano codici colore ripetitivi, è necessario includere solo i primi tre caratteri. Ad esempio #ffffff è lo stesso di #fff; entrambi creeranno il colore bianco.

  • Usa fogli di stile esterni. È possibile definire gli stili in un foglio di stile interno nella parte superiore di ciascuna pagina Web oppure è possibile salvare i propri stili in un file esterno con. estensione css e allega quel foglio di stile a tutte le tue pagine web. I fogli di stile esterni sono intrinsecamente più efficienti perché consentono di utilizzare lo stesso stile su qualsiasi o tutte le pagine del tuo sito.

    Ad esempio, se definisci uno stile che rende tutti i titoli principali in grassetto, blu e grande, salvando quello stile in un foglio di stile esterno puoi usare lo stesso stile per ogni titolo. Quindi, se in seguito decidi di voler modificare i titoli in verde, puoi cambiare lo stile in un foglio di stile esterno e modificare tutti i titoli contemporaneamente.

    Se avessi salvato gli stili in un foglio di stile interno, dovresti modificare lo stile del titolo in ogni file.

  • Sviluppa una convenzione di denominazione per i tuoi stili. Sebbene sia possibile assegnare un nome agli stili creati con selettori di classe o ID, si consiglia di scegliere stili che abbiano un significato diverso dalla formattazione.Ad esempio, se crei uno stile chiamato. redHeadlines e poi decidere di volere tutto il tuo. redHeadlines per essere blu, o si finirà con uno stile titolo titolo blu. redHeadlines o dovrà rinominare lo stile.

    E rinominare lo stile include tornare indietro e riapplicare quello stile ovunque tu abbia un titolo rosso che vuoi trasformare in blu, il che nega la potenza degli stili per fare aggiornamenti globali. Per evitare questo problema, creare nomi di stile che facciano riferimento alla posizione o all'importanza degli elementi, come ad esempio. mainHeadlines o. sidebarHeadlines.

  • * Verifica e convalida il tuo codice. Anche i progettisti CSS esperti commettono errori, ecco perché Dreamweaver include così tanti ottimi strumenti per testare e convalidare il codice nelle tue pagine web. Assicurati di testare il tuo CSS per errori comuni.

    Di seguito sono riportati due servizi di test online che è possibile utilizzare per verificare la presenza di errori nel codice CSS. Basta inserire l'URL di qualsiasi pagina Web su Internet nel campo dell'indirizzo su uno di questi siti e fare clic sul pulsante Invia per ricevere un rapporto che mostra eventuali errori nel codice:

    • Il Servizio di convalida CSS W3C

    • XHTML-CSS : Sii valido o muori l'apprendimento

Qual è il tuo stile CSS? - dummies

Scelta dell'editore

Il programma in cinque passaggi per superare la menopausa - dummy

Il programma in cinque passaggi per superare la menopausa - dummy

Alcune donne capiscono a malapena che la menopausa è loro. Altre donne, tuttavia, sono meno fortunate. Se sei uno di questi, prendi in mano questi pochi modi per rendere la tua esperienza più facile per te stesso: capisci e accetta che stai attraversando una transizione naturale, proprio come la pubertà. Fortunatamente, sei più vecchio e più saggio di te ...

Menopausa For Dummies Cheat Sheet (edizione UK) - dummies

Menopausa For Dummies Cheat Sheet (edizione UK) - dummies

Menopausa segna la fine della fase riproduttiva della tua vita e così è un momento significativo di cambiamento fisico, emotivo e mentale per molte donne ma, per generazioni, donne di tutte le età hanno vagato alla cieca in menopausa senza sapere cosa aspettarsi. Qui puoi scoprire alcune delle nozioni di base.

Perimenopausa: facilitare la transizione dalle mestruazioni alla menopausa - manichini

Perimenopausa: facilitare la transizione dalle mestruazioni alla menopausa - manichini

Mestruazioni e menopausa sono ben noti biologici pietre miliari nella vita di una femmina. Contrariamente al pensiero popolare, la menopausa non è il periodo di mesi o anni in cui una donna sta "attraversando il cambiamento". "Questo lasso di tempo è chiamato perimenopausa. La menopausa è una data effettiva nel tempo. In particolare, è il 12 ° anniversario dell'ultimo ciclo mestruale di una donna. ...

Scelta dell'editore

Come utilizzare il filtro automatico personalizzato su una tabella di Excel - dummies

Come utilizzare il filtro automatico personalizzato su una tabella di Excel - dummies

È Possibile creare un filtro automatico personalizzato . Per fare ciò, seleziona il comando Filtro testo dal menu della tabella e scegli una delle opzioni di filtro del testo. Indipendentemente dall'opzione di filtro del testo selezionata, Excel visualizza la finestra di dialogo Filtro automatico personalizzato. Questa finestra di dialogo consente di specificare con estrema precisione quali record si desidera ...

Come utilizzare la funzione DPRODUCT in un database Excel - dummies

Come utilizzare la funzione DPRODUCT in un database Excel - dummies

DPRODUCT moltiplica i valori che corrispondono al criterio in un database Excel. Questo è potente ma anche in grado di produrre risultati che non sono l'intenzione. In altre parole, è una cosa da aggiungere e ricavare una somma. Questa è un'operazione comune su un set di dati. Osservando la seguente figura, è possibile ...

Come utilizzare la funzione DPRODUCT in Excel - dummy

Come utilizzare la funzione DPRODUCT in Excel - dummy

La funzione DPRODUCT in Excel è strana. La funzione DPRODUCT moltiplica i valori nei campi da un elenco di database in base ai criteri di selezione. Perché vorresti farlo? Chissà. La funzione utilizza la sintassi = DPRODUCT (database, campo, criteri) in cui il database è un riferimento all'intervallo alla tabella di Excel che contiene il valore desiderato ...

Scelta dell'editore

Programmazione con Java: riutilizzo dei nomi nella tua app per Android - dummies

Programmazione con Java: riutilizzo dei nomi nella tua app per Android - dummies

Ci sono un paio di cose a cui vuoi pensare quando riutilizzi i nomi nella tua app per Android. È possibile dichiarare due variabili Java - bag1 e bag2 - per fare riferimento a due diversi oggetti BagOfCheese. Va bene. Ma a volte, avere solo una variabile e riutilizzarla per il secondo oggetto funziona altrettanto bene, ...

Java: Mettere a frutto l'uso della classe - dummies

Java: Mettere a frutto l'uso della classe - dummies

La classe Employee nell'elenco non ha alcun metodo principale , quindi non c'è un punto di partenza per l'esecuzione del codice. Per risolvere questo problema, il programmatore scrive un programma separato con un metodo principale e utilizza tale programma per creare istanze Employee. Questo elenco di codici mostra una classe con un metodo principale - uno che inserisce il ...

Classi wrapper java - dummies

Classi wrapper java - dummies

La differenza tra tipi primitivi e tipi di riferimento è una delle funzionalità più controverse di Java e gli sviluppatori si lamentano spesso sulle differenze tra valori primitivi e valori di riferimento. Ogni tipo primitivo viene cotto nella lingua. Java ha otto tipi primitivi. Ogni tipo di riferimento è una classe o un'interfaccia. È possibile definire il proprio ...