Traduzione dell’articolo “Vertical Align Middle” del blog “CSS STARS.“

 
IL VERTICAL ALIGN MIDDLE E’ DIFFICILE?

Quando sviluppiamo delle pagine web, dovremo allineare il testo a metà del div orizzontalmente o verticalmente.
La centratura orizzontale è facile, se usiamo il “text-align: center” per l’elemento principale.
Ma di solito centrare verticalmente il testo è un problema per gli sviluppatori.

Continua a leggere »

Traduzione dell’articolo “How nth-child Works” del blog “CSS TRICKS.“

 
C’è un selettore CSS, ovvero un pseudo-selettore, denominato nth-child. Ecco un esempio di utilizzo:

ul li:nth-child(3n+3) {  
  color: #ccc;
}

Quello che fa il CSS di cui sopra, è selezionare ogni terzo elemento dell’elenco all’interno di liste non ordinate. Cioè, il 3 °, 6 °, 9 °, 12 °, ecc Ma come funziona? E quali altri tipi di cose ci si può fare con nth-child? Diamo uno sguardo.

Continua a leggere »

Traduzione dell’articolo “How to Target First Line of Text in HTML Using CSS Only” del blog “Stanislav Kostadinov.” e dell’articolo ::first-line del blog “CSS TRICKS“

 
In questo post troverete il modo di selezionare e modificare solo la prima riga di testo usando il selettore CSS :first-line.

Nota: Il selettore “:first-line” può essere utilizzato solo con gli elementi a livello di blocco.

Se avete bisogno di indirizzare solo la prima riga di testo in HTML, è possibile utilizzare il selettore :first-line.

Continua a leggere »

Traduzione dell’articolo “How to Make Div Element 100% Height of Browser Window Using CSS Only” del blog “Stanislav Kostadinov.“

 
In questo post troverete il modo per far si che un elemento HTML riempia l’altezza di qualsiasi schermata con i CSS.

Ci sono molti modi per rendere l’altezza dei vostri elementi HTML alti esattamente come l’altezza della schermata del browser , indipendentemente dalla risoluzione dello schermo , il browser , dispositivo , ecc
Molte di queste opzioni utilizzano JavaScript per scoprire l’altezza della finestra .
Ma c’è un modo per farlo solo con il CSS puro .

Continua a leggere »