Pubblicità

CSS

Per centrare orizzontalmente un elemento cui è stata assegnata la proprietà float è necessario ricorrere ad un contenitore,cui assegneremo i margini laterali con valore auto.

La potenza di CSS3 è enorme e in questo tutorial vedremo come sfruttare in modo molto creativo.

Come si può leggere sul sito del W3C, CSS3 Transitions consente di creare variazioni progressive sui seguenti tipi di proprietà

InfoGrid Animazione in CSS per info

Ninja Slider uno slider di Immagine Responsive, tattile e mobile-friendly

Come creare alcuni effetti semplici, ma eleganti al passaggio del mouse per le didascalie delle immagini.

Media query ci permette di adattare i contenuti in base alla risoluzione dello schermo che si sta utilizzando cosi' da ridimensionare e di adattare i contenuti visibili.

Ci sono molti metodi che possono essere usati per fare un elenco orizzontale. L'ingrediente principale è "display: inline", applicato all'elemento "LI".

La regola @keyframes specifica il codice di animazione. L'animazione viene creato gradualmente, durante l'animazione, è possibile modificare il set di stili CSS molte volte.

La funzione rotateY() definisce una trasformazione che sposta l'elemento attorno al proprio asse Y in modo ordinato senza deformarlo.

Le animazioni con i CSS3, oltre ad essere piuttosto potenti, sono anche abbastanza semplici da implementare.

-webkit-background-clip permette di mostrare uno sfondo animato attraverso del testo o meglio come background del testo.

Pubblicità

CSS è l'acronimo di Cascading Style Sheets, ovvero fogli di stile a cascata. E' il linguaggio standard per la stilizzazione di documenti HTML che supplisce ai tag di formattazione dell'HTML stesso e conferisce maggiore potenzialità di stilizzazione ad una pagina Web

La tecnica consiste nell'attribuire direttamente ad un elemento uno stile CSS attraverso l'attributo style

La soluzione ideale per la gestione dei CSS è quella di utilizzare un foglio di stile esterno rinominando un normale file di testo con estensione .css ad esempio style.css

Iniziamo dalla base font che permette di impostare le dimensioni del testo, il carattere da utilizzare, il corsivo ed il grassetto

Proprietà CSS per gestire il testo come per esempio text-transform che imposta la prima lettera in maiuscolo.

Una classe CSS permette di definire solo una parte di elementi di una pagina (e dell'intero sito) dello stesso tipo, assegnando però solo a quelli che si riferiscono alla classe delle caratteristiche che all'elemento generico non vengono attribuite

Un testo può essere colorato come meglio ci piace, semplicemente utilizzando la proprietà color per la gestione degli sfondi utilizziamo la proprietà di base background.

WebKit è un motore di rendering per browser web utilizzato per il rendering delle pagine web.

Pubblicità