<Css>

Incorniciare immagini con testo in HTML e CSS

Supponiamo di voler creare un testo che contenga delle immagini. Queste immagini devono risultare come immerse nel flusso del paragrafo. Usiamo come contenitore esterno un paragrafo (<p>) e all’interno inseriamo testo e immagine. A quest’ultima daremo lo stile floattato a destra o a sinistra secondo il nostro gusto e un padding di qualche pixel che…

continua a leggere →

Il box model

Ogni elemento di una pagina html è sostanzialmente un contenitore rettangolare che possiede specifiche proprietà: un contenuto un bordo un padding un margin In generale, il contenuto è l’elemento che riempe il box. Può essere un testo o un altro elemento contenitore e fondamentalmente ha una sua altezza, definita come width e una sua altezza…

continua a leggere →

I selettori css

Come abbiamo visto precedentemente, una pagina html è una struttura costituita da parti elementari, definite tag, che si trovano in ordine gerarchico, l’una con l’altra, a seconda del loro annidamento e del conseguente livello di parentela. Applicare uno stile ad uno o più elementi, significa prima di tutto astrarli dalla totalità: bisogna, sostanzialmente, effettuare una…

continua a leggere →

Struttura delle regole css

Un foglio di stile è composto da un insieme di regole che hanno più o meno tutte la stessa forma: Abbiamo quindi: selettore elementi da selezionare e ai quali applicare le regole di stile blocco di proprietà insieme di regole racchiuse all’interno di parentesi graffe “{}”, separate da punto e virgola “;”. Ogni proprietà è…

continua a leggere →

Inserire il css nelle pagine html

Per includere un css all’interno di una pagina web, esistono 4 metodi: inserire direttamente le regole di stile nell’head della pagina, all’interno del tag <style>: inserire direttamente le regole di stile all’interno dell’attributo style dell’elemento da formattare: richiamare il foglio di stile esterno, con estensione .css, nell’head della pagina, utilizzando il tag e specificando nel…

continua a leggere →

I fogli di stile

Il foglio di stile o CSS (Cascading Style Sheets) è un’insieme di regole, disposte a cascata, lette, cioè, dall’alto verso il basso (quelle successive possono riscrivere le precedenti), che determinano il layout e la formattazione delle pagine web che lo incorporano.

continua a leggere →

Il contenuto e lo stile

Ieri Inizialmente, creare una pagina web, significava accorpare in un unico file una quantità smisurata di html. Sostanzialmente la struttura di base era costituita da una tabella madre che ospitava altre tabelle. L’aspetto grafico dei vari elementi veniva stabilito direttamente all’interno dell’elemento stesso. Non esisteva, quindi, alcuna separazione tra struttura, contenuto e stile. Il web…

continua a leggere →