Cosa c'è di nuovo?
HWReload

Registrati e partecipa alle attività del forum

Pillole di CSS

Tesla

Utente
Iscritto dal:
12 Giugno 2021
Messaggi
49
Apro questo thread per pubblicare (e si spera vedere pubblicate anche da altri) dei trucchetti sul CSS che io avrei voluto sapere fin dall'inizio, oggi metto due molto semplici:

Display vs Visibility
Sicuramente più di una persona ha usato display: none; per nascondere qualcosa e quindi si è eventualmente posto la domanda "ma allora a cosa serve visibility?"
È semplice, rispetto a fare display: none; conviene fare visibility: hidden; quando si deve preservare la posizione degli elementi relativi a quello modificato, per essere precisi visibility si limita a cambiare la visibilità permettendo comunque l'uso di elementi flex ecc. senza privare la pagina dell'elemento e potenzialmente scombinare la posizione di altri, al contrario display si occupa anche della posizione quindi display: none; è più idoneo quando nascondendo un elemento dobbiamo spostarne altri (in una lista ordinata per esempio)

Perché la mia pagina ha un bordo bianco?
Questa è in assoluto una delle domande più frequenti secondo me, la risposta è che la pagina ha un margine di default di 8px, per rimuoverlo ci basta una semplicissima regola:
CSS:
body {
    margin: 0;
}

Fatemi sapere se volete altre pillole, e se ne volete più complesse.
 
Top