Foglio informativo CSS - Introduzione
Fogli di stile a cascata, noto anche come CSS è un linguaggio di fogli di stile utilizzato per descrivere la presentazione di un documento scritto in un linguaggio di markup come HTML. In pratica semplifica il processo di presentazione delle pagine Web. Gestisce l'aspetto della pagina Web e viene utilizzato per controllare le funzionalità di una pagina Web come il colore del testo, lo stile dei caratteri, la spaziatura tra i paragrafi, l'allineamento delle colonne, le immagini e i colori di sfondo e una varietà di altri effetti . I vantaggi di un cheat sheet CSS sono che consente di risparmiare tempo, caricare le pagine più velocemente, facilità di manutenzione, stili superiori, compatibilità di più dispositivi e standard Web globali.
Comandi e contenuti sul CSS cheat sheet
Sintassi di base
La sintassi di base del cheat sheet CSS è composta da un selettore e componenti di dichiarazione. Il componente selettore specifica l'elemento HTML che deve essere disegnato. Il componente di dichiarazione contiene due o più proprietà e le relative specifiche separate da punti e virgola. Il componente di dichiarazione inizia e termina sempre con parentesi graffe.
Di seguito sono riportati i comandi CSS di Cheatsheet menzionati che eseguono diversi tipi di operazioni:
| specificazione | Comando |
| Colori | I colori vengono specificati utilizzando nomi di colore predefiniti o valori RGB, HEX, HSL, RGBA, HSLA. |
| sfondi | Il colore di sfondo di un elemento è specificato dalla proprietà color-background |
| frontiere |
|
| margini | La proprietà Margin imposta le proprietà dei margini in una dichiarazione. |
| Imbottitura | La proprietà per impostare le proprietà di riempimento in una dichiarazione è il riempimento. |
| Altezza larghezza | Le proprietà di altezza e larghezza vengono utilizzate per specificare l'altezza e la larghezza di un elemento. |
| Schema | La proprietà di tipo struttura specifica il tipo di struttura per un elemento. |
| Testo | La proprietà color viene utilizzata per impostare il colore del testo. |
| Caratteri | La proprietà famiglia di caratteri viene utilizzata per impostare il carattere del testo selezionato. |
| link | La proprietà text-decoration viene utilizzata per rimuovere le sottolineature dai collegamenti e la proprietà color-background può essere usata per specificare il colore di sfondo dei link. |
| elenchi | La proprietà di tipo elenco imposta la proprietà di un elenco in una dichiarazione. L'immagine di stile elenco specifica un'immagine come marcatore di elemento elenco. La posizione stile elenco specifica la posizione del marker dell'elemento elenco. Il tipo di stile elenco specifica il tipo di marcatore elemento elenco. |
| tabelle | Bordo imposta tutte le proprietà del bordo in una dichiarazione. Il confine-collapse specifica se un bordo deve essere compresso o meno. La spaziatura dei bordi della distanza o spaziatura tra celle adiacenti. Il lato didascalia specifica il posizionamento di una didascalia della tabella. Il layout di tabella imposta l'algoritmo per il layout di una tabella. |
| Schermo | La proprietà display specifica se un elemento viene visualizzato e come viene visualizzato. |
| Larghezza massima | Nel processo di specifica della larghezza di un elemento a blocchi, l'utilizzo della larghezza massima migliorerà la gestione delle finestre di piccole dimensioni da parte del browser. |
| Posizione | La proprietà position specifica la posizione di un elemento. |
| straripamento | La proprietà di overflow controlla il testo che è troppo grande per adattarsi a un'area. |
| Galleggiante | La proprietà float specifica come un elemento deve fluttuare. |
Suggerimenti e trucchi gratuiti sull'uso dei Comandi CSS di cheat sheet: -
Alcuni trucchi essenziali del cheat sheet CSS sono i seguenti.
- Box-Model: il CSS Box-Model è essenzialmente un box che avvolge ogni elemento HTML. È costituito da margini, bordi, riempimento e contenuto.
- Pseudo-classe: viene utilizzata per definire uno stato specifico di un elemento che implica lo stile di un elemento in modo diverso quando un utente si sposta su di esso, lo stile di collegamenti visitati e non visitati e lo stile di elementi che sono a fuoco.
- Pseudo-elemento: viene utilizzato per modellare una parte di un elemento come la prima lettera, parola o riga. Aiuta anche a inserire il contenuto prima e dopo il contenuto di un elemento.
- Altezza verticale dello schermo: specifica la misura in cui il contenuto dovrebbe occupare lo schermo.
- Stile dei collegamenti telefonici: specifica le proprietà dei collegamenti che si aprono come numeri di telefono sul telefono.
- Barre di navigazione: è importante che un sito Web abbia una buona navigazione. Il CSS trasforma noiosi menu HTML in barre di navigazione di bell'aspetto.
Conclusione
Il cheat sheet CSS, come strumento per la creazione di siti Web, è molto efficace. Dal momento che le opzioni per una migliore presentazione di un sito Web e l'aggiunta di funzioni utili sono più con CSS, è molto preferito.
Articoli consigliati
Questa è stata una guida al cheat sheet CSS qui abbiamo discusso il contenuto e il comando, nonché suggerimenti e trucchi gratuiti del cheat sheet CSS che puoi anche leggere il seguente articolo per saperne di più -
- Cheat Sheet SQL
- Principali domande di intervista CSS
- Differenze tra CSS e CSS3
- Domande e risposte sull'intervista a CSS3
- Cheat sheet interessante per UNIX
- Cheat Sheet JavaScript: funzioni