Border style CSS
Cristina In questa lezione applicheremo la proprietà border style dei CSS ai vari elementi html e ne vedremo gli effetti attraverso degli esempi pratici. Nella lezione precedente abbiamo già utilizzato la…
CSS
CSS border
CSS border consente di specificare lo stile, il colore e la larghezza del bordo di un elemento attraverso le proprietà border-width, border-style e border-color. Queste proprietà possono riguardare l’intero bordo…
Max width
La proprietà max width dei CSS imposta la larghezza massima di un elemento. Quindi impedisce ad un elemento di avere una larghezza maggiore del valore specificato. Cosa chiaramente che non…
Position relative
In questa lezione parleremo di position relative, una proprietà dei CSS, e lo faremo attraverso alcuni esempi. Come già visto nella lezione precedente un elemento a cui è assegnato un…
Position static
In questa lezione parleremo della proprietà position static, che rappresenta il valore di default della proprietà position. Iniziamo subito a fare degli esempi pratici al fine di capirne il corretto…
CSS
I CSS servono a dare uno stile grafico ad una semplice pagina html, cioè stabiliscono come una pagina web deve essere vista graficamente. Inoltre possono controllare il layout di una…
Effetto parallasse CSS
In questa lezione realizzeremo un effetto parallasse nei CSS utile per dare dinamicità ad una pagina web, oltre a dare una visione dello sfondo in funzione della posizione di scorrimento.…
Position fixed
La proprietà position fixed dei CSS consente di posizionare un elemento in una posizione fissa nella pagina. Anche in questo caso, come per absolute, l’elemento esce dal normale flusso della…
Position absolute
La proprietà position absolute nei CSS consente di rimuovere un elemento dal flusso naturale della pagina, seguendo quanto specificato nelle proprietà top, bottom, left e right. Se un elemento è…
Padding CSS
La proprietà padding CSS serve a creare dello spazio attorno al contenuto di un elemento su ciascun lato o solo su alcuni. Inoltre, così come il margin, è possibile impostare…
Margin CSS
La proprietà margin nei CSS serve a creare spazio attorno agli elementi e quindi a distanziare un elemento da ciascun lato o da uno solo di essi. Si possono infatti…
Background-image
La proprietà background-image dei CSS consente di impostare un’immagine di sfondo di una pagina web oppure di un elemento. Background-image esempi Facciamo degli esempi pratici per vedere come utilizzare questa…
Background-color
La proprietà background-color nei CSS serve a gestire lo sfondo di una pagina web o anche di un elemento. Background-color Questa proprietà consente di impostare un colore di sfondo attraverso…
Reset CSS
Reset CSS – In quest’articolo parleremo dei CSS e dei valori di default dei vari browser e come resettarli. Nella programmazione dei CSS si rende necessario infatti azzerare questi valori…
Font nei CSS
In quest’articolo analizzeremo l’uso dei font nei CSS, vedremo cioè come utilizzare le proprietà dei CSS per gestire i caratteri. Infatti, nei CSS, è possibile gestire il tipo di font,…
CSS responsive
In quest’articolo studieremo come realizzare il nostro CSS responsive per il template in HTML5 che abbiamo preparato in questo articolo: https://www.codingcreativo.it/template-responsive-con-html/ Il template finito è visibile al seguente link: https://www.codingcreativo.it/coding_creativo_modello/…
Pseudo-classi nei CSS
Le pseudo-classi nei CSS differiscono dalle classi in quanto gli effetti sono creati virtualmente nel browser, al verificarsi di determinati eventi. Ogni pseudo-classe si definisce mettendo i due punti tra…
Selettori nei CSS
In questo articolo studieremo cosa sono i selettori nei CSS e come utilizzarli. Abbiamo visto nella lezione precedente come creare un foglio di stile esterno, in questa lezione vedremo come…