Tesla
Community Italiana
- Iscritto dal:
- 12 Giugno 2021
- Messaggi
- 69
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
È semplice, rispetto a fare
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:
Fatemi sapere se volete altre pillole, e se ne volete più complesse.
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.