CSS3

Position è una delle proprietà più importanti, questa proprietà ci da la possibilità di disporre gli elementi sullo schermo. In questo tutorial tratteremo tutti e cinque i valori che una position può avere: static, relative, absolute, fixed e sticky. Infine trattermo anche un’altra proprietà spesso usata e relativa all’argomento: z-index. Ogni volta che spostiamo un…

Con questo tutorial andiamo a vedere come usare i colori, partiremo dai nomi, per poi passare ai colori esadecimali, poi ai RGB e infine infine agli HSL. Andremo a vedere come si applicano e come possiamo cambiare i colori nei diversi metodi che abbiamo a disposizione. Faremo una panoramica completa su tutti i codici che…

Ogni elemento HTML è una scatola composta da diverse parti, capire come funziona, da quali parti è composta e come questi parti si comportano è essenziale per capire il CSS e come disporre gli elementi sullo schermo. Esempio di Box Model Al centro della box troviamo il contenuto, detto content box. Il contenuto ha una ampiezza,…

Le unità di misura in CSS sono il mezzo che ci da la possibilità di determinare la grandezza di un elemento. Ci sono due categorie di unità di misura, Absolute Units e Relative Units. Le absolute units, come si può comprendere dal nome sono assolute, hanno sempre la stessa misura e non sono relative a…

In questo tutorial parliamo dei pseudo elementi. Andremo a vedere cosa sono,  come si applicano e che differenza hanno con le pseudo classi. I pseudo-elements,  come le pseudo-classes,  sono un insieme di parole chiave che si aggiungono dopo i selectors. Nel tutorial dedicato alle pseudo-class abbiamo visto  come possiamo modificare gli elementi quando si trovano…

Le pseudo-class sono un insieme di parole chiave, ognuna con un specifico scopo, che si aggiungono ai selettori per modificarli quando si trovano in un determinata situazione. Grazie alle pseudo-class i selettori possono svolgere delle funzioni speciali: ci permettono di aggiungere stile quando il contenuto si trova in un certo stato oppure vengono attivate quando…

Ehi gente del web in questo tutorial parliamo di inheritance, l’eredità, grazie all’inheritance gli elementi posso appunto ereditare alcuni stili dagli elementi in cui sono racchiusi.  Un esempio chiaro di inheritance lo abbiamo quando applichiamo il font-family al body, in questo modo tutta la pagina web avrà lo stesso carattere. L’inheritance va dall’alto verso il basso…

Con questo tutorial andiamo a concludere la spiegazione di cascade. Abbiamo visto Stylesheet Origin e Specificity; Source Order è l’ulitmo argomento da trattare per chiudere il cerchio e capire come funzione cascade in tutto il suo insieme. Quando il conflitto non si risolve con stylesheet origin e la specificity è uguale entra in ballo source order,…

Ehi gente del web in questo tutorial andiamo a capire cos’è la specificity. Quando un conflitto non può essere risolto con la stylesheet origin entra in ballo specificity. Che cos’è specificity? Specificity è un insieme di regole che, in base ad un punteggio, guidano il browser ad applicare una dichiarazione piuttosto di un altra.   Come…

Ehi gente del web in questo video andiamo a capire cos’è la stylesheet origin, ovvero da dove provengono gli stili presenti nelle pagine web, perchè lo stile che applichiamo noi con il CSS non è l’unico presente. E’ giusto apprfondire questo argomento perchè fa parte delle basi del CSS. Le pagine web prendono il CSS…