Tutorial CSS – Angoli arrotondati per i box

Tutorial CSS – Angoli arrotondati   per i box

Una delle esigenze più comuni in questo web 2.0 è quella di arrotondare un po tutto. Creare box con angoli arrotondati, quindi, permette di dimenticare quel tipo di grafica squadrata – tipica dei design tabellari – cui il web ci ha abituato sin dalle sue origini. Le forme piu libere infatti creano effetti visivi gradevoli [...]

autore dell'articolo Andrea Leti - commenti a: Tutorial CSS – Angoli arrotondati   per i box 2 - Articoli simili li trovi in: CSS

Tutorial CSS – Direttiva !Important

Tutorial CSS – Direttiva !Important

Come utilizzare !important Indipendentemente dalla specificità del selettore, singole dichiarazioni possono assumere la massima priorità se seguite da ” !important ” (senza virgolette). Vediamo uno stralcio di codice: p { background: #f1f1f1 !important; color: #000000; } p#selettore { background: #EEE; color: #000; } La dichiarazione riguardante la proprietà background della prima regola sovrascrive in ogni [...]

autore dell'articolo Andrea Leti - commenti a: Tutorial CSS – Direttiva !Important 0 - Articoli simili li trovi in: CSS

CSS: Posizionare gli oggetti

CSS: Posizionare gli oggetti

La parte dei CCS relativa al posizionamento degli elementi è un argomento complesso che studiato a fondo ci permetterà di creare architetture di pagine anche senza il minimo utilizzo di tabelle. Grazie a questi principi dei CSS potremo creare i nostri layout di pagina staccandoci definitivamente da quelle che sono le limitazioni che una tabella [...]

autore dell'articolo Andrea Leti - commenti a: CSS: Posizionare gli oggetti 0 - Articoli simili li trovi in: CSS

Link e pseudoclassi CSS

Link e pseudoclassi CSS

Prima di parlare della gestione dei link bisogna capire cosa sono le pseudo-classi. Grazie a questa secondo me potentissima funzione dei css, che per altro è assolutamente facile da utilizzare, possiamo definire diversi stili ai nostri collegamenti ipertestuali piu comodamente chiamati link. Una pseudo-classe non definisce infatti un elemento ma uno stato di quest’ultimo. In [...]

autore dell'articolo Andrea Leti - commenti a: Link e pseudoclassi CSS 0 - Articoli simili li trovi in: CSS

Formattare il testo con i CSS

Formattare il testo con i CSS

Se c’è un aspetto essenziale dei CSS questo è il nuovo approccio che hanno introdotto per la gestione del testo. Prima con l’html c’era il tag <FONT>: pagine pesanti e difficili da gestire. Oggi qualcosa che può trasformare una pagina web in un perfetto esempio di stile tipografico e che finalmente consente, almeno in parte, [...]

autore dell'articolo Andrea Leti - commenti a: Formattare il testo con i CSS 0 - Articoli simili li trovi in: CSS

Gestione dello sfondo pagina con i CSS

Gestione dello sfondo pagina con i CSS

Esamineremo in questa lezione le proprietà relative alla gestione dello sfondo. Sin dalle origini di HTML è stato possibile definire un colore o un’immagine di sfondo per le nostre pagine web. La scelta si restringe comunque a due elementi: il corpo principale della pagina (<BODY>) o le tabelle. Un’altra limitazione riguarda il comportamento delle immagini [...]

autore dell'articolo Andrea Leti - commenti a: Gestione dello sfondo pagina con i CSS 0 - Articoli simili li trovi in: CSS

Differenza fra ID e Classi nei CSS

Differenza fra ID e Classi nei CSS

CSS non sarebbero uno strumento così potente senza questi tipi di selettori. Classi e ID sono davvero una delle chiavi per sfruttare al meglio questo linguaggio. Partiamo dall’inizio. In (X)HTML esistono due attributi fondamentali applicabili a tutti gli elementi: sono, appunto, class e id. Questi selettori hanno la stessa funzione, con la marginale differenza che [...]

autore dell'articolo Andrea Leti - commenti a: Differenza fra ID e Classi nei CSS 0 - Articoli simili li trovi in: CSS

Come utilizzare gli stili CSS

Come utilizzare gli stili CSS

Come abbiamo precedentemente detto i fogli di stile possono essere inclusi nelle pagine HTML in 3 modi differenti: In linea ai tag Interno alla pagina Foglio esternoalla pagina L’inserimento “in linea” avviene direttamente all’interno di un prederminato tag HTML nel corpo del documento; L’inserimento “interno” avviene nell’intestazione del documento tra i tag <head> e </head>;

autore dell'articolo Andrea Leti - commenti a: Come utilizzare gli stili CSS 0 - Articoli simili li trovi in: CSS

guadagna scrivendo su andrealeti.it

AndreaLetiTube il canale dei tutorial

Andrea Leti - Chi sono - Portfolio - Google Sitemap - Blog Policy - Licenza Creative Commons - torna su Torna Su