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

Come salvare le immagini in un file immagine in R - dummies

Come salvare le immagini in un file immagine in R - dummies

Se vuoi pubblicare le tue risultati, è necessario salvare la trama in un file in R e quindi importare questo file grafico in un altro documento. Tuttavia, per la maggior parte del tempo, potresti semplicemente voler utilizzare la grafica R in modo interattivo per esplorare i tuoi dati. Per salvare un grafico su un'immagine ...

Come cercare più parole in R - dummies

Come cercare più parole in R - dummies

Quando si lavora con il testo in R, potrebbe essere necessario per trovare parole o motivi all'interno del testo. Immagina di avere una lista degli stati negli Stati Uniti e vuoi scoprire quali nomi di stato consistono in due parole. Per trovare sottostringhe, è possibile utilizzare la funzione grep (), che prende due argomenti essenziali: ...

Come cercare le singole parole in R - dummies

Come cercare le singole parole in R - dummies

Quando lavori con il testo, spesso tu può risolvere i problemi se riesci a trovare parole o motivi all'interno del testo. R rende questo facile da fare. Immagina di avere una lista degli stati negli Stati Uniti e vuoi scoprire quale di questi stati contiene la parola Nuovo. Per indagare su questo ...

Scelta dell'editore

Come calcolare le detrazioni e i crediti di imposta sugli investimenti immobiliari per l'esame di licenza immobiliare

Come calcolare le detrazioni e i crediti di imposta sugli investimenti immobiliari per l'esame di licenza immobiliare

Una detrazione fiscale è qualcosa che puoi vedere nell'esame di licenza immobiliare che puoi detrarre dal reddito di un investimento immobiliare per ridurre le tasse. Un credito d'imposta è qualcosa che puoi detrarre dalle tasse dovute. I governi federali e talvolta statali creano programmi che consentono crediti d'imposta o detrazioni per ...

Fattori economici che influenzano il valore per l'esame di licenza immobiliare - dummies

Fattori economici che influenzano il valore per l'esame di licenza immobiliare - dummies

Valore doesn ' semplicemente succede; le persone devono crearlo. La maggior parte di queste azioni personali che saranno trattate durante l'esame di licenza immobiliare, di solito chiamate influenze economiche, non sono altro che normali comportamenti umani. Il test pone due tipi di domande su questi principi o fattori economici. Vedrai domande sulle definizioni e ...

Come calcolare le aliquote fiscali per l'esame di licenza immobiliare - dummy

Come calcolare le aliquote fiscali per l'esame di licenza immobiliare - dummy

Pur calcolando la tassa le tariffe non sono qualcosa che devi sapere esattamente come fare per l'esame di licenza immobiliare, è qualcosa che devi capire in generale per rispondere a domande di non-matematica sul processo. Sapere come calcolare le tasse non è una cosa brutta da sapere, perché probabilmente si pagano le tasse di proprietà e ...

Scelta dell'editore

Suggerimenti per la registrazione Regole di gioco logiche sull'LSAT - manichini

Suggerimenti per la registrazione Regole di gioco logiche sull'LSAT - manichini

La maggior parte dei giochi di logica sull'LSAT hanno tre, quattro o cinque condizioni o regole che limitano il modo in cui giochi con i pezzi. Per ordinare i giochi, le restrizioni forniscono indizi su come i pezzi possono essere posizionati in relazione l'uno con l'altro. I tipi comuni di regole di ordinazione sono obiettivi, distanziatori e arrangiatori. Regole di destinazione I bersagli danno ...

Come gestire il tuo tempo con saggezza sul TASC - dummies

Come gestire il tuo tempo con saggezza sul TASC - dummies

Perché ogni sezione del TASC, oppure Prova l'esame di completamento secondario, ha un limite di tempo, vorrai essere consapevole di quanto tempo è passato mentre stai facendo il test. Un modo per gestire efficacemente il tuo tempo è semplicemente indossando un orologio. I centri di test potrebbero non avere sempre un orologio disponibile e ...

Rendendo più semplice il giorno di prova SSAT o ISEE - manichini

Rendendo più semplice il giorno di prova SSAT o ISEE - manichini

Non è possibile effettuare SSAT o ISEE più facile, ma puoi iniziare la giornata di test correttamente e renderlo più semplice e meno stressante, il che può portare a risultati migliori durante l'esame di ammissione. Ecco alcuni suggerimenti da tenere a mente al giorno del test SSAT o ISEE: riposati molto. La ...