Mercoledì, 11 Gennaio 2017 13:56

Belli gradienti coi CSS

Lo sfondo di gradient di default occupano l'intera area dell'elemento. Controllando le dimensioni   con la proprietà background-size  e la posizione utilizzando il background-position, è possibile creare modelli dei gradient insoliti e meravigliosi .

Pubblicato in Css

Proprietà box-shadow aggiunge ad un elemento una o più ombre. L'ombra è una copia del elemento, spostata a una distanza specificata. Le ombre possono essere esterni o interni, piatti o sfocati, possono anche seguire i contorni dei blocchi con angoli arrotondati. Con utilizzo della parola chiave inset vengono creati ombre al interno del elemento, rendendo elemento piu voluminoso o 3D.  

Pubblicato in Css

Coi CSS3 abbiamo la possibilità di dividere il nostro contenuto in colonne, senza crere ulteriori box e piazzare al interno il contenuto. Una proprietà facile da capire con grande potenzialità per varie tipi di  siti. Per esempio di cucina , di viaggi e cosi via. Con la proprietà columns o column-count  possiamo dividere in colonne non solo del testo ma anche immagini.

Pubblicato in Css
Venerdì, 30 Dicembre 2016 17:30

Proprieta background-blend-mode.

La proprietà background-blend-mode rapresenta il metodo di fusione(sovraposizionamento) di livelli che formano lo sfondo si bassa su un algoritmo che determina il meccanismo di interazione tra i pixel di ogni livello. Come si sa un elemento html puo avere più di una immagine o gradien come sfondo. Il numero di livelli è determinato dal numero di valori separati da virgole nella proprietà background-image. Se per un elemento sono impostati più livelli di sfondo, il primo livello del elenco verrà considerato e aplicato come livello superiore.

Pubblicato in Css
Mercoledì, 21 Dicembre 2016 10:22

Selettori nei CSS

Conoscere come scegliere un elemento dalla struttura di una pagina html e essenziale nel utilizzo di linguaggio CSS. In questo articolo con video dal nostro corso CSS e testo  vediamo di scoprire i tipi di seletori e come esso funzionano. 

Pubblicato in Css

Un titolo su una pagina web dovrebbero attirare l'attenzione. Per impostazione predefinita di browser, la visualizzazione del titolo avviene tramite un aumento della dimensione del font e la sua scritura in grassetto.

 Esempi di oggi sono adatti per la decorazione di titoli di categoria, di varie blocchi e di menu laterali o per qualche altro utilizzo particolare.
Alcuni titoli richiedono ulteriore marcatura altri esempi  utilizzano solo combinazione con le pseudo classi : before e: after.

Pubblicato in Css
Martedì, 22 Novembre 2016 18:14

CSS3 Media Query

Media query in CSS3 consentono di specificare un insieme di stili che verranno utilizzati per specifici tipi di dispositivi.per visualizzazione del sito web

Media query controllano  altezza e larghezza del browser del utente e l'altezza  e larghezza dello schermo del dispositivo in uso per visualizzazione del sito , l'orientamento del tablet o telefono (orizzontale o verticale), e molti altri aspetti , ma piu spesso sono utilizzati per verificare la larghezza e altezza dello schermo del dispositivo che si sta utilizzando per visualizzare sito .

Pubblicato in Css
Domenica, 20 Novembre 2016 10:44

Crea la tua prima pagina web! Semplice guida.

Creazione di una pagina web è un  processo di sviluppo della struttura del documento tramite linguagi html e css , il cui risultato è la pagina web finita. La struttura o layuot o markup di una pagina web è determinata da vraie tag HTML.

Pubblicato in HTML
Domenica, 13 Novembre 2016 07:44

Animazione coi CSS in 2 minuti!

Stai pensando come creare una animazione sulla tua pagina web velocemente? Allora ti darò una dritta. Animazione veloce con animate.css. Semplice e leggero, animate.css è un mucchio di effeti divertenti che puoi utilizzare nei tuoi progetti. Adatti per le home page, slaider, landing page e tanto altro .

Pubblicato in Css
Mercoledì, 05 Ottobre 2016 13:07

CSS3 flexbox

FlexBox CSS (Flexible Box Layout Module ) - è una sistema di markup d'elementi.  Viene composta da  flex-container - il contenitore principale e flex-elementi – elementi in esso incorporati, elementi figli possono essere organizzati in una riga o colonna, e lo spazio rimanente viene distribuito tra loro in vari modi.

Pubblicato in Css
Pagina 1 di 2

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso