giovedì, Febbraio 21, 2019
Home Web CSS

CSS

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l'idea di che cosa sono, come si adoperano e a che cosa servono i CSS. Leggi tutto...

CSS pronti per l'uso da scaricare gratis

Questa è una raccolta di alcuni stili di base che possono tornare utili quando si creano le proprie definizioni di stile. Imparare a fare alcune classi utili per gli stili semplici e come applicarle a una varietà di elementi. Oggi ci accingiamo a scavare un po' di più nel processo di sviluppo. Quando si crea un sito web o un'applicazione...

CSS nel foglio esterno

Foglio di style esterno Abbiamo visto come definire uno stile in linea quando ci serve magari una veloce particolarità delimitata ad una sola zona del nostro documento. Abbiamo visto anche come definire uno stile ad inizio pagina al quale tutto il documento faceva riferimento ed uso. Vediamo adesso quello che è in assoluto il più comodo e pratico dei sistemi, quello in cui esiste un foglio...

Guida fogli di stile CSS: introduzione

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l'idea di che cosa sono, come si adoperano e a che...

Gli attributi per il Testo

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Le classi

Le classi  Qualunque sia la nostra scelta, foglio di style esterno o incorporato, non è detto che si debba necessariamente ridefinire tutti o alcuni degli elementi (tags) di Html, anzi, lasciamoli pure stare così come sono e creiamo noi le varianti che ci servono facendo uso delle classi. Questo di far uso di classi è decisamente il sistema più comodo e...

Come andare a capo con CSS

Ci sono due opzioni per andare a capo con CSS: #elementId { display: block; } Questo forzerà l'elemento ad una nuova riga se non è sulla stessa linea come elemento float. #elementId { clear: both; } Questo costringerà l'elemento per cancellare i float, e passare a un 'nuova linea.' Nel caso di un elemento sulla stessa linea con position impostato come fixed o absolute...

CSS in linea

In linea quando si ha la necessità di applicare lo stile al solo blocco o parte di codice che stiamo trattando, senza cioè che questo stile vada ad influire su altre parti della stessa pagina web. Per esempio un paragrafo <p> che debba avere determinate caratteristiche ma con la certezza che queste non siano estese a tutti gli altri paragrafi...

Gli attributi per il font (carattere)

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Immagini nel Testo

Quando si devono inserire delle immagini insieme con il testo, queste risultano essere in linea col testo stesso. I Fogli di Style permettono di cambiare questo allineamento tramite la proprietà vertical-align che accetta i seguenti parametri: baseline, top, middle, bottom, sub, super, text-top e text-bottom. Personalmente trovo che il risultato non sia soddisfacente perchè l'iimagine è di solito più alta...

Sintassi CSS

La sintassi Abbiamo detto che hanno un loro elemento (tag) che viene specificato in html, si tratta dell'elemento: <style> con relativa chiusura </style>. Questo elemento serve per informare il browser che si tratta di stili che apporteranno le dovute modifiche agli elementi di html in esso definiti. La dichiarazione di style deve essere collocata all'interno dei tags <head> e </head> della pagina web, unica...
NON seguire questo link o sarai bannato dal sito!