Tabella 2.2 Indice delle proprietà Nome Valori Pr El Er Cp

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Tabella 2.2 Indice delle proprietà Nome Valori Pr El Er Cp"

Transcript

1 Tabella 2.2 Indice delle background ['background-color' 'background-image' 'background-repeat' 'background-attachment' 'background-position'] background-attachment scroll fixed scroll background-color <colore> transparent transparent Per l elemento HTML dipende dal background-image <uri> ne ne background-position [ [ <percentuale> <lunghezza> ]{1,2} [ [top 0% 0% LB e R center bottom] [left center right] ] ] background-repeat repeat repeat-x repeat-y -repeat repeat border [ 'border-width' 'border-style' <colore> ] border-collapse collapse separate collapse TABLE border-color <colore>{1,4} transparent border-spacing <lunghezza> <lunghezza>? 0 TABLE sì NN, O, M, K, border-style [ ne hidden dotted dashed solid double groove ridge inset outset ]{1,4} border-top border-right border-bottom [ 'border-top-width' 'border-style' <colore> border-left ] border-top-color border-right-color border-bottom-color border-left-color <colore> valore della color border-top-style border-right-style border-bottom-style border-left-style 'border-style' ne IE, NN, O, K, 22 Capitolo 2

2 border-top-width border-right-width border-bottom-width border-left-width 'border-width' medium border-width 'border-width'{1,4} bottom <lunghezza> <percentuale> auto auto elementi clear ne left right both ne LB color <colore> impostazioni cursor [ [<uri>,]* [ auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help ] ] display inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption ne auto TUTTI sì IE,NN, M, O7, dipende dal tipo di elemento TUTTI ~IE, ~NN, ~M, ~O, ~K, ~ empty-cells show hide show TABLE sì IE, float left right ne ne tutti tranne elementi ~IE/W, IE/M, font [ [ 'font-style' 'font-variant' 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] caption icon menu message-box small-caption status-bar font-family [[ <famiglia-caratteri> <famiglia-generica> ],]* <famiglia-caratteri> <famiglia-generica>] font-size <misura-assoluta> <misura-relativa> <lunghezza> <percentuale> vedi individuali impostazioni medium font-style rmal italic oblique rmal (egue) C: sintassi, e valori 23

3 Tabella 2.2 (continua) font-variant rmal small-caps rmal TUTTI sì ~IE5+/W, IE6/W, IE5/M, NN, M, O, font-weight rmal bold bolder lighter rmal height <lunghezza> <percentuale> auto auto tutti tranne IL e colonne left <lunghezza> <percentuale> auto auto elementi letter-spacing rmal <lunghezza> rmal line-height rmal <numero> <lunghezza> <percentuale> rmal list-style [ 'list-style-type' 'list-style-position' 'list-style-image' ] elementi con list-style-image <uri> ne ne elementi con list-style-position inside outside outside elementi con list-style-type disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-greek lower-alpha lower-latin upper-alpha upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha ne margin [ <lunghezza> <percentuale> auto ]{1,4} disc elementi con 24 Capitolo 2

4 margin-top margin-right margin-bottom margin-left [ <lunghezza> <percentuale> auto ] dipende dal tipo di elemento associato alla e dal max-height <lunghezza> <percentuale> ne ne tutti tranne max-width <lunghezza> <percentuale> ne ne tutti tranne min-height <lunghezza> <percentuale> 0 tutti tranne min-width <lunghezza> <percentuale> dipende dal tutti tranne overflow visible hidden scroll auto visible LB e R ~IE/W, IE/M, padding [ <lunghezza> <percentuale> ]{1,4} padding-top padding-right padding-bottom padding-left [ <lunghezza> <percentuale> ] dipende dal tipo di elemento associato alla e dal position static relative absolute fixed static TUTTI ~IE/W, IE/M, right <lunghezza> <percentuale> auto auto elementi (egue) C: sintassi, e valori 25

5 Tabella 2.2 (continua) text-align left right center justify dipende dal e dalla direzione di scrittura text-decoration ne [ underline overline line-through blink ] LB ne text-indent <lunghezza> <percentuale> 0 LB text-transform capitalize uppercase lowercase ne ne top <lunghezza> <percentuale> auto auto elementi vertical-align baseline sub super top text-top middle bottom text-bottom <percentuale> <lunghezza> baseline IL e celle di una tabella visibility visible hidden collapse white-space rmal pre wrap rmal LB width <lunghezza> <percentuale> auto auto tutti tranne IL e righe tabella word-spacing rmal <lunghezza> rmal z-index auto <intero> auto elementi 26 Capitolo 2

Tutorial di HTML basato su HTML 4.0 e CSS 2

Tutorial di HTML basato su HTML 4.0 e CSS 2 Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpi Docenti: Viviana Patti e Claudia Picardi Appendice B Proprietà CSS B.1 Font me della famiglia serif

Dettagli

e il Giardino di Zen CSS ESTERNI CSS INTERNI

e il Giardino di Zen CSS ESTERNI CSS INTERNI e il Giardino di Zen Per gli aggiornamenti consultare il sito del World Wide Web Consortium all'indirizzo. http://en.wikipedia.org/wiki/world_wide_web_consortium Inserimento CSS

Dettagli

Architettura dell Informazione

Architettura dell Informazione Architettura dell Informazione 7. - Cascading Style Sheets (CSS - appendice) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it Master in

Dettagli

Proprietà di CSS. Tecnologie di Sviluppo per il WEB 2

Proprietà di CSS. Tecnologie di Sviluppo per il WEB 2 CSS 5 Proprietà Proprietà di CSS Esistono le seguenti sei famiglie di proprietà: Testo Background e colori Font Liste Contenitori (box model) Posizionamento Non sempre il supporto da parte dei browser

Dettagli

Cascading Style Sheet CSS. Sintassi Css. Come inserire un foglio di stile. Fogli di stile esterni. Separazione contenuto/layout

Cascading Style Sheet CSS. Sintassi Css. Come inserire un foglio di stile. Fogli di stile esterni. Separazione contenuto/layout Cascading Style Sheet CSS CASCADING STYLE SHEET I fogli di stile a cascata (detti anche semplicemente fogli di stile) vengono usati per definire la rappresentazione di documenti HTML, XHTML e XML. L'introduzione

Dettagli

CSS 5. Proprietà di CSS. Indentazione del testo. Proprietà del testo. Proprietà

CSS 5. Proprietà di CSS. Indentazione del testo. Proprietà del testo. Proprietà CSS 5 Proprietà Proprietà di CSS Esistono le seguenti sei famiglie di proprietà: Testo Background e colori Font Liste Contenitori (box model) Posizionamento Non sempre il supporto da parte dei browser

Dettagli

Indice delle proprietà. Valori speciali. Compatibilità

Indice delle proprietà. Valori speciali. Compatibilità CSS: sintassi, e valori 29 Valore: 'fontstyle'? 'fontsize' [ /'lineheight' ]? Valore: Valori speciali Nei valori, caratteri come, e / devono essere riportati letteralmente.

Dettagli

Elementi Blocco vs elementi inline

Elementi Blocco vs elementi inline (X)HTML + CSS Elementi Blocco vs elementi inline HTML vs XHTML Prologo distinto Tag denotati sempre in minuscolo Tutti i tag aperti devono essere chiusi I valori degli attributi vanno sempre inclusi fra

Dettagli

CSS. Cascading Style Sheet

CSS. Cascading Style Sheet CSS Cascading Style Sheet CSS Il CSS è un linguaggio, di tipo dichiarativo, che serve per definire lo stile di presentazione degli elementi presenti in un documento HTML. Esso è inglobato all interno dell

Dettagli

CSS - Elementi di base

CSS - Elementi di base Questo PDF è stato generato su richiesta di Matera Renato il 31/10/2014 alle 16.02. Attenzione: l'uso di questo file in violazione delle norme in materia di diritto d'autore costituisce reato. Lezione

Dettagli

Elementi Blocco vs elementi inline

Elementi Blocco vs elementi inline (X)HTML + CSS Elementi Blocco vs elementi inline HTML vs XHTML Prologo distinto Tag denotati sempre in minuscolo Tutti i tag aperti devono essere chiusi I valori degli attributi vanno sempre inclusi fra

Dettagli

layout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto

layout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto Posizionamento con i CSS creare layout senza tabelle 1 Gestione degli elementi della pagina Il box model Ad ogni elemento HTML corrisponde un area rettangolare, detta box Margine Bordo Area di padding

Dettagli

Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row

Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro

Dettagli

Primi elementi di... Cascading Style Sheet (o Fogli di Stile)

Primi elementi di... Cascading Style Sheet (o Fogli di Stile) ISIS Giordano Bruno - BUDRIO Primi elementi di... Cascading Style Sheet (o Fogli di Stile) Lezioni del Prof. Gianluigi Roveda Caratteristiche dei Fogli di Stile Divide la descrizione del contenuto del

Dettagli

CSS 6. Il modello contenitore (box model) Elementi flottanti

CSS 6. Il modello contenitore (box model) Elementi flottanti CSS 6 Il modello contenitore (box model) Elementi flottanti Il modello contenitore Tecnologie di Sviluppo per il WEB 2 BOX MODEL CSS assume che ogni elemento genera uno o più box rettangolari, chiamati

Dettagli

Riassunto CSS Tutorial Colori e sfondi

Riassunto CSS Tutorial Colori e sfondi Proprietà Esempio Descrizione color background-color background-image background-repeat background-attachment background-position h1 { color: #ff0000; body { background-color: #FFCC66; body { background-image:

Dettagli

Riassunto CSS Tutorial

Riassunto CSS Tutorial Colori e sfondi color background-color h1 { color: #ff0000; body { background-color: #FFCC66; Riassunto CSS Tutorial Per uno sfondo trasparente: body { background-color: transparent; background-image background-repeat

Dettagli

I fogli di stile Inline si specificano usando l attibuto style dei tag xhtml <p style= color: red; >esempio</p>

I fogli di stile Inline si specificano usando l attibuto style dei tag xhtml <p style= color: red; >esempio</p> CSS Cascading Style Sheets Inne, Internal I fog di stile Inne si specificano usando l attibuto style dei tag xhtml esempio I fog di stile Internal si specificano usando il tag

Dettagli

Guida ai CSS. Introduzione

Guida ai CSS. Introduzione Guida ai CSS Introduzione... 1 Sintassi... 1 Stile in linea... 1 Stile incorporato... 2 Stile esterno... 2 Classi... 3 Selettori ID... 4 Grafica... 4 Link... 5 Attributi testo... 6 Attributi carattere...

Dettagli

Corso di CSS. Prerequisiti. Modulo L2. 3-Border e list. Conoscenza di base linguaggio HTML. M.Malatesta 3-CSS-Border e list-13 16/02/ /02/2014

Corso di CSS. Prerequisiti. Modulo L2. 3-Border e list. Conoscenza di base linguaggio HTML. M.Malatesta 3-CSS-Border e list-13 16/02/ /02/2014 Corso di CSS Modulo L2 3-Border e list 1 Prerequisiti Conoscenza di base linguaggio HTML 2 1 Introduzione In questa Unità descriviamo alcune delle proprietà CSS relative ai bordi (border-styling) e alle

Dettagli

Come inserire un foglio di s=le

Come inserire un foglio di s=le Cascading Style Sheet CASCADING STYLE SHEET I fogli di s=le a cascata (de? anche semplicemente fogli di s=le) vengono usa= per definire la rappresentazione di documen= HTML, XHTML e XML. L'introduzione

Dettagli

Applicazione Ipermediali 2007/2008

Applicazione Ipermediali 2007/2008 Applicazione Ipermediali 2007/2008 CSS: esempi pratici Politecnico di Milano Obiettivi Aumentare la confidenza con le regole CSS Dimostrare alcune problematiche relative alla compatibilità tra browser

Dettagli

Fogli di stile a cascata (CSS)

Fogli di stile a cascata (CSS) Fogli di stile a cascata (CSS) November 25, 2010 1 Definizione I fogli di stile a cascata (Cascading Style Sheets, CSS) sono una delle tecnologie introdotte dal W3C per la formattazione dei documenti HTML,

Dettagli

LEZIONE 04. Riepilogo CSS

LEZIONE 04. Riepilogo CSS LEZIONE 04 Riepilogo CSS SELETTORI SELETTORI I selettori sono pattern (criteri di selezione) usati per individuare l'elemento (o gli elementi) a cui si desidera attribuire lo stile. Prova il codice ELEMENTO

Dettagli

INTRODUZIONE AI FOGLI DI STILE CASCADING STYLE SHEET

INTRODUZIONE AI FOGLI DI STILE CASCADING STYLE SHEET INTRODUZIONE AI FOGLI DI STILE CASCADING STYLE SHEET 1 Aspetto delle pagine Web miglioriamo la rappresentazione su browser - Definizione dello STILE- Colore, dimensione e stile del font, colore sfondo,

Dettagli

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style

Dettagli

Lezione del corso CSS - Web Design ed Accessibilità secondo il W3C con CSS ed XHTML

Lezione del corso CSS - Web Design ed Accessibilità secondo il W3C con CSS ed XHTML Questo PDF è stato generato su richiesta di Matera Renato il 31/10/2014 alle 16.03. Attenzione: l'uso di questo file in violazione delle norme in materia di diritto d'autore costituisce reato. Lezione

Dettagli

Progettazione di siti web a.a. 2015/16

Progettazione di siti web a.a. 2015/16 CSS per la tipografia web Progettazione di siti web a.a. 2015/16 Fogli di stile: tipografia web Maria Simi Marzo, 2016 [Manuale di riferimento del W3C] Gli stili per i caratteri Gli stili per il testo

Dettagli

CSS Proprietà del box model

CSS Proprietà del box model Laboratorio di Tecnologie Web CSS Proprietà del box model Dott. Stefano Burigat www.dimi.uniud.it/burigat Box model Abbiamo introdotto in precedenza il concetto fondamentale di box model, in base al quale

Dettagli

CSS: Colori, testo, caratteri, liste e link

CSS: Colori, testo, caratteri, liste e link CSS:, testo, caratteri, liste e link Università di Pisa pievatolo@dsp.unipi.it 13 aprile 2014 Sommario 1 2 Famiglia Dimensioni Corsivo e maiuscoletto Peso: quanto dev essere grasso il grassetto? 3 4 5

Dettagli

CSS esterni e interni

CSS esterni e interni Introduziione aii CSS I Cascade Style Sheets (CSS), noti in Italia come "Fogli di stile a cascata", sono lo strumento definito dal W3C per definire l'aspetto delle pagine web. Prima dell'introduzione dei

Dettagli

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style

Dettagli

Selettori. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione

Selettori. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione Selettori Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola CSS Sintassi valore valore h1 { color: blue;

Dettagli

Introduzione dei fogli di stile

Introduzione dei fogli di stile Corso di Laurea in Scienze della Formazione Continua e Tecnologie dell Istruzione Parte V Fogli di stile - Css Corso: Computer Graphics Docente: Ing. Ivan Bruno E-mail: ivanb@dsi.unifi.it Introduzione

Dettagli

Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05

Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle

Dettagli

Struttura Layout Monolitico Fisso con Menu Orizzontale

Struttura Layout Monolitico Fisso con Menu Orizzontale Struttura Layout Monolitico Fisso con Menu Orizzontale BODY Body { margin: 0px; padding:0; font-family: arial,sans-serif; font-size: 76%; text-align: center; background-color: #FC3; background-image: url();

Dettagli

CSS. Massimo Martinelli.

CSS. Massimo Martinelli. CSS Massimo Martinelli Massimo.Martinelli@isti.cnr.it Consiglio Nazionale delle Ricerche -CNR Istituto di Scienza e Tecnologie della Informazione - ISTI Cosa è CSS? Cascading Style Sheets = Fogli di Stile

Dettagli

CSS: Formattazione del testo

CSS: Formattazione del testo Laboratorio di Tecnologie Web CSS: Formattazione del testo Dott. Stefano Burigat www.dimi.uniud.it/burigat Proprietà per la gestione dei font CSS definisce un insieme di proprietà che possono essere utilizzate

Dettagli

CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS

CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS CASCADING STYLE SHEET I fogli di stile a cascata (detti anche semplicemente fogli di stile) vengono usati per definire la rappresentazione di documenti

Dettagli

Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2

Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2 Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto

Dettagli

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) Foglio di stile CSS (Cascading Style Sheets) Regole che dicono al browser COME visualizzare le informazioni contenute nel documento HTML. Definiscono l APPARENZA del documento. Vedi http://www.w3schools.com/css/demo_default.htm

Dettagli

CSS = Cascading Style Sheets o Fogli di stile Serve a definire la formattazione di una pagina web

CSS = Cascading Style Sheets o Fogli di stile Serve a definire la formattazione di una pagina web CSS CSS = Cascading Style Sheets o Fogli di stile Semplici file di testo separati dalla pagina HTML ma collegati ad esse mediante link oppure regole scritte all interno della pagina Serve a definire la

Dettagli

CSS / BOX MODEL e PSEUDOCLASSI. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1

CSS / BOX MODEL e PSEUDOCLASSI. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 CSS / BOX MODEL e PSEUDOCLASSI LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 CSS: RIPRESA DELLA SCORSA LEZIONE CSS: servono per separare il contenuto dal visual per questo è preferibile

Dettagli

* Le proprieta' dei margini: "margin" che assegnano un bordo esterno al box;

* Le proprieta' dei margini: margin che assegnano un bordo esterno al box; TIPO: CSS ATTRIBUTI DI MARGINI ED ALLINEAMENTO I fogli di stile permettono di giustificare il testo senza l'uso improprio di tabelle o espedienti simili. I CSS creano degli elementi visualizzati all'interno

Dettagli

Principali proprietà dei CSS Box Model e proprietà di base del testo

Principali proprietà dei CSS Box Model e proprietà di base del testo Principali proprietà dei CSS Box Model e proprietà di base del testo Sviluppo di siti web UD10 Fablab Design Il BOX MODEL Il BOX MODEL Se si vuole usare i CSS per scopi che vadano oltre la semplice gestione

Dettagli

CSS / TIPOGRAFIA WEB. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1

CSS / TIPOGRAFIA WEB. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 CSS / TIPOGRAFIA WEB LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1 GESTIRE I CARATTERI CON I CSS I CSS hanno dato un notevole impulso alla tipografia web visto che permettono di

Dettagli

II LINGUAGGIO HTML...1

II LINGUAGGIO HTML...1 Indice 1 II LINGUAGGIO HTML...1 1.1 INTRODUZIONE AL WWW...1 1.2 IL DOCUMENTO HTML...2 1.2.1 Elementi...3 1.2.2 Attributi...4 1.2.3 Riferimenti a caratteri...4 1.2.4 Commenti...4 1.3 STRUTTURA GLOBALE DI

Dettagli

ELEMENTO. Prova il codice

ELEMENTO. Prova il codice LEZIONI 3 e 4 SELETTORI SELETTORI I selettori sono pattern (criteri di selezione) usati per individuare gli elementi (o l'elemento) a cui si desidera attribuire lo stile. Seguono una sintassi precisa e

Dettagli

Tessera Caccia Super 2018 con copertura N 1 Cane Costo 135,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI

Tessera Caccia Super 2018 con copertura N 1 Cane Costo 135,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:

Dettagli

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) (Cascading Style Sheets) Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica HTML (Hyper Text Markup Language) linguaggio di descrizione della pagina descrizione testuale

Dettagli

Principali proprietà dei CSS Margini, bordi e posizionamento degli elementi

Principali proprietà dei CSS Margini, bordi e posizionamento degli elementi Principali proprietà dei CSS Margini, bordi e posizionamento degli elementi UD11 Fablab Design Margini e bordi Proprietà singole per i margini Le proprietà margin-bottom, margin-left, margin-top, margin-right

Dettagli

Tessera Caccia Super 2018 con copertura N 2 Cani Costo 160,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI

Tessera Caccia Super 2018 con copertura N 2 Cani Costo 160,00. (in c/c postale) CONDIZIONI ASSICURATIVE MASSIMALI body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:

Dettagli

Tecnologie di Sviluppo per il Web

Tecnologie di Sviluppo per il Web Tecnologie di Sviluppo per il Web Cascading Style Sheets (CSS): Dettagli e Approfondimenti versione 1.2 G. Mecca mecca@unibas.it Università della Basilicata CSS >> Sommario Dettagli e Approfondimenti Sintassi

Dettagli

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS)

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) Gli stili rappresentano un metodo per definire come il browser debba visualizzare i tag HTML. Il loro vantaggio è che possono essere utilizzati a differenti

Dettagli

Applicazione Ipermediali 2007/2008

Applicazione Ipermediali 2007/2008 Applicazione Ipermediali 2007/2008 Cascading Style Sheet Politecnico di Milano Obiettivi Capire l importanza della separazione tra contenuto e layout grafico. Capire l importanza di aderire agli standard.

Dettagli

HTML (Hyper Text Markup Language) CSS (Cascading Style Sheets) HTML: problema sugli stili. HTML: stili. La soluzione: CSS.

HTML (Hyper Text Markup Language) CSS (Cascading Style Sheets) HTML: problema sugli stili. HTML: stili. La soluzione: CSS. (Cascading Style Sheets) Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica HTML (Hyper Text Markup Language) linguaggio di descrizione della pagina descrizione testuale

Dettagli

CSS (Cascading Style Sheets) HTML (Hyper Text Markup Language) HTML: stili. A.Lioy - Politecnico di Torino ( ) F.1

CSS (Cascading Style Sheets) HTML (Hyper Text Markup Language) HTML: stili. A.Lioy - Politecnico di Torino ( ) F.1 (Cascading Style Sheets) Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica HTML (Hyper Text Markup Language) linguaggio di descrizione della pagina descrizione testuale

Dettagli

Modalità per le denunce dei Sinistri

Modalità per le denunce dei Sinistri body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 16pt; font-weight: bold; color: green; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold; color:

Dettagli

Fogli di stile. Cascading Style Sheets.

Fogli di stile. Cascading Style Sheets. Fogli di stile Cascading Style Sheets alessandro.marchisio@gmail.com CSS - I Fogli di stile migliorano l'aspetto estetico facilitano la creazione e la manutenzione di siti separano aspetto grafico da contenuto

Dettagli

Silvia Likavec. Lezione 6

Silvia Likavec. Lezione 6 Silvia Likavec Lezione 6 2 ! Le principali proprietà che permettono di manipolare le immagini agiscono sul box model: " Border (o border-style; border-width; bordercolor); " Padding; " Margin; " Width;

Dettagli

Web Design & Technologies

Web Design & Technologies 1 Comunicazione, Innovazione, Multimedialità Web Design & Technologies Cascading Style Sheets Level 2 2 Cosa sono i Cascading Style Sheet? Gli style sheet rappresentano un metodo semplice (ma potente)

Dettagli

Giovanni Invernizzi. Front-end developer? #wpmi - febbraio Giovanni Invernizzi

Giovanni Invernizzi. Front-end developer? #wpmi - febbraio Giovanni Invernizzi Front-end developer? Considerazioni tecniche e non sull'approccio alla progettazione di un sito per fotografi e illustratori Realizzare un'interfaccia funzionale alla fruizione di immagini Quando ti trovi

Dettagli

Principali tipi di layout. Approfondimento sul box model

Principali tipi di layout. Approfondimento sul box model Principali tipi di layout. Approfondimento sul box model 1 Il layout stabilisce il modo in cui le varie parti (immagini, paragrafi, elenchi, intestazioni ) che compongono un documento ipertestuale devono

Dettagli

CSS (Cascading Style Sheets) HTML (Hyper Text Markup Language) HTML: stili. A.Lioy - Politecnico di Torino ( ) F.1

CSS (Cascading Style Sheets) HTML (Hyper Text Markup Language) HTML: stili. A.Lioy - Politecnico di Torino ( ) F.1 CSS (Cascading Style Sheets) Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica HTML (Hyper Text Markup Language) linguaggio di descrizione della pagina descrizione testuale

Dettagli

Giuseppe Della Penna. Università degli Studi di L Aquila.

Giuseppe Della Penna. Università degli Studi di L Aquila. Cascading Style Sheets Giuseppe Della Penna Università degli Studi di L Aquila giuseppe.dellapenna@univaq.it http://www.di.univaq.it/gdellape This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike

Dettagli

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda

Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda Pagina Web Struttura base pagina Web: (Heading

Dettagli

Anno Accademico ANT Html e Css

Anno Accademico ANT Html e Css Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2006-2007 ANT Html e Css F. Pizza fpizza@deis.unibo.it cos'è ANT tool di build indipendente dalla piattaforma, scritto in java

Dettagli

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole Fogli di stile CSS I fogli di stile permettono la separazione della forma dal contenuto. Il concetto di foglio di stile è quello di creare un documento separato che contenga tutte le informazioni necessarie

Dettagli

L approccio moderno al Web. Cascading Style Sheets. L approccio moderno al Web. L approccio moderno al Web

L approccio moderno al Web. Cascading Style Sheets. L approccio moderno al Web. L approccio moderno al Web L approccio moderno al Web Cascading Style Sheets Claudio Fornaro ver. 2.0 Ogni pagina può essere considerata come composta da tre parti: la struttura (structure) l aspetto grafico (presentation) il comportamento

Dettagli

JavaScript 5. CSS e JavaScript

JavaScript 5. CSS e JavaScript JavaScript 5 CSS e JavaScript CSS e JavaScript Attraverso JavaScript è possibile controllare proprietà CSS Possiamo controllare lo stile di un singolo elemento HTML o di un tag in generale Possiamo aggiungere

Dettagli

Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05

Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare

Dettagli

4 Estensioni proprietarie. 4 Conversione del testo in immagini. 4 Uso di immagini per il controllo degli spazi bianchi

4 Estensioni proprietarie. 4 Conversione del testo in immagini. 4 Uso di immagini per il controllo degli spazi bianchi Universita degli Studi di Bologna - Facolta di Ingegneria HTML e Cascading Style Sheets > L HTML è nato in ambienti scientifici Anno Accademico 2006-2007 Corso di Tecnologie Web CSS http://www-lia.deis.unibo.it/courses/tecnologieweb0607/

Dettagli

Anno Accademico Corso di Tecnologie Web CSS

Anno Accademico Corso di Tecnologie Web CSS Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2006-2007 Corso di Tecnologie Web CSS http://www-lia.deis.unibo.it/courses/tecnologieweb0607/ HTML e Cascading Style Sheets > L

Dettagli

CSS IN PASSATO ABBIAMO DETTO.. Introduzione. Con HTML non possiamo produrre siti come quelli che conosciamo, ma solo specificare dei contenuti

CSS IN PASSATO ABBIAMO DETTO.. Introduzione. Con HTML non possiamo produrre siti come quelli che conosciamo, ma solo specificare dei contenuti CSS Introduzione CSS3 INTRODUZIONE IN PASSATO ABBIAMO DETTO.. Con HTML non possiamo produrre siti come quelli che conosciamo, ma solo specificare dei contenuti Con CSS specificheremo lo stile con il quale

Dettagli

Web design/1. prof. Marco Pagano

Web design/1. prof. Marco Pagano Web design/1 prof. Marco Pagano m@accademiabellearti.fr.it Questo documento è pensato come supporto alle lezioni frontali e non è quindi da considerarsi come «testo d esame» o sostitutivo della frequenza

Dettagli

CSS. Cascading Style Sheets. Regola: selezionatore { proprietà : valore } h1 { color : green; } ul { font-style : italic; } H1 { color : green }

CSS. Cascading Style Sheets. Regola: selezionatore { proprietà : valore } h1 { color : green; } ul { font-style : italic; } H1 { color : green } 1 2 Foglio di stile Cascading Style Sheets CSS Regole che dicono al browser COME visualizzare le informazioni contenute nel documento HTML. Definiscono l APPARENZA del documento. Regola: selezionatore

Dettagli

Siti molto ben fatti /1 08

Siti molto ben fatti /1 08 Siti molto ben fatti /1 08 1) Mettiamoci a cucinare Crea la cartella 30 ricette con le sottocartelle css e img. L'obiettivo è di realizzare un sito come questo rappresentato in figura. Cominciamo con l'operare

Dettagli

Cascading Style Sheet

Cascading Style Sheet I fogli di stile Cascading Style Sheet Master di I livello Viaggi Mediterranei: Itinerari Turistici, Comunicazione e Culture (si ringrazia il dott. Claudio Schifanella, che ha concesso l uso del materiale)

Dettagli

Tecnico della Produzione Multimediale per la Valorizzazione della Cultura e dell'arte

Tecnico della Produzione Multimediale per la Valorizzazione della Cultura e dell'arte Piano triennale regionale 2016-2018 Rete Politecnica PO FSE 2014/2020 Regione Emilia Romagna - Obiettivo Tematico 10 - Asse III Istruzione e formazione Priorità di Investimento 10.4 Obiettivo specifico

Dettagli

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07 I CSS o Fogli di stile Telematica per le arti e lo spettacolo a.a. 2006/07 Quando è nato il web il problema principale era semplicemente quello della gestione dei contenuti, dato anche il basso numero

Dettagli

Web Coding Prototipazione di ipertesti e siti web in HTML ed introduzione alla creazione di stili grafici con fogli di stile CSS.

Web Coding Prototipazione di ipertesti e siti web in HTML ed introduzione alla creazione di stili grafici con fogli di stile CSS. Prototipazione di ipertesti e siti web in HTML ed introduzione alla creazione di stili grafici con fogli di stile CSS. Unità Didattica UD05: anteprima CSS3, fonts personalizzati, trasparenze, arrotondamenti,

Dettagli

Anno Accademico Corso di Tecnologie Web CSS

Anno Accademico Corso di Tecnologie Web CSS Universita degli Studi di Bologna - Facolta di Ingegneria Anno Accademico 2007 2008 Corso di Tecnologie Web CSS http://www lia.deis.unibo.it/courses/tecnologieweb0708/ HTML e Cascading Style Sheets > L

Dettagli

WEB I FOGLI DI STILE. Gabriele Murara

WEB I FOGLI DI STILE. Gabriele Murara WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento

Dettagli

CSS E FOGLI DI STILE Guida Css di base

CSS E FOGLI DI STILE Guida Css di base 2017 CSS E FOGLI DI STILE Guida Css di base Progetto di Alternanza Scuola-Lavoro Anno scolastico 2016-2017 Istituto Tecnico Enrico Fermi, Siracusa Eleonora SikeWEB 01/01/2017 Introduzione ai fogli di stile

Dettagli

CSS avanzati. Marco Porta CIM: Sistemi e Tecnologie Multimediali. esempi di definizione del layout e specifica del dispositivo di visualizzazione

CSS avanzati. Marco Porta CIM: Sistemi e Tecnologie Multimediali. esempi di definizione del layout e specifica del dispositivo di visualizzazione CSS avanzati esempi di definizione del layout e specifica del dispositivo di visualizzazione 1 Un esempio di definizione del layout attraverso i fogli di stile Si consideri la pagina seguente: In questa

Dettagli

Web Design & Technologies

Web Design & Technologies 1 Comunicazione, Innovazione, Multimedialità Web Design & Technologies Cascading Style Sheets Level 2 2 Cosa sono i Cascading Style Sheet? Gli style sheet rappresentano un metodo semplice (ma potente)

Dettagli

Come creare una tabella responsive

Come creare una tabella responsive Come creare una tabella responsive martedì, 26 dicembre 2017 Uno degli elementi HTML più difficili da trattare quando si passa dalla visualizzazione desktop a quella mobile è senz'altro la tabella. Si

Dettagli

Gli stili. Lo stile si può applicare in quattro modi diversi ad un elemento HTML: I. Fuori tag La sintassi per lo stile fuori tag è la seguente:

Gli stili. Lo stile si può applicare in quattro modi diversi ad un elemento HTML: I. Fuori tag La sintassi per lo stile fuori tag è la seguente: Gli stili Lo strumento degli stili sta piano piano soppiantando tutta una serie di attributi non solo per la formattazione del testo ma anche per l'aspetto estetico di tutti gli elementi di HTML, dalle

Dettagli

CSS COME PRESENTARE UNA PAGINA WEB

CSS COME PRESENTARE UNA PAGINA WEB CSS COME PRESENTARE UNA PAGINA WEB Cos è CSS Il CSS (Cascading Style Sheets, in italiano fogli di stile a cascata), in informatica, è un linguaggio usato per definire la formattazione di documenti HTML

Dettagli

Valori e unità di misura (1)

Valori e unità di misura (1) Valori e unità di misura (1) I valori di una proprietà non vanno mai messi tra virgolette. Uniche eccezioni i valori espressi da stringhe di testo e i nomi dei font formati da più di una parola (esempio:

Dettagli

Joomla! dal CSS a BootStrap. Luca Racchetti

Joomla! dal CSS a BootStrap. Luca Racchetti Joomla! dal CSS a BootStrap Luca Racchetti Luca Racchetti Docente per associazioni di volontariato dal 2014 PHP, CSS, MySQL, Bootstrap, ChronoForms razzo.org facebook.com/luca.racchetti plus.google.com/+lucaracchetti

Dettagli

Metalinguaggi di marcatura Materiale didattico di supporto. Indice 6. HTML (CONTINUA)...2

Metalinguaggi di marcatura Materiale didattico di supporto. Indice 6. HTML (CONTINUA)...2 Indice 6. HTML (CONTINUA)...2 6.1 FOGLI DI STILE (CSS- CASCADING STYLESHEET)...2 6.1.1 Regole dello stile...6 6.1.2 Classi...6 6.1.3 Esempi di proprietà modificabili e relativi valori....9 6.2 DIVISIONS

Dettagli

Proprietà C.S.S.

Proprietà C.S.S. Proprietà C.S.S. https://www.spazioprever.it/tutorial/html-css/proprieta_css.php Proprietà del testo Proprietà Valori descrizione line-height lenght, percentuali (relative alla dimensione del font di riferimento),

Dettagli

Guardie Volontarie Ittiche

Guardie Volontarie Ittiche body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 14pt; font-weight: bold; color: dodgerblue; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold;

Dettagli

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:

Dettagli

Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06

Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06 Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le

Dettagli

TESSERA PESCA 2017 PER I SOCI DI ETA SUPERIORE AGLI ANNI 14. Costo 15,00. (coperture assicurative valide per tutto il mondo) (in c/c postale)

TESSERA PESCA 2017 PER I SOCI DI ETA SUPERIORE AGLI ANNI 14. Costo 15,00. (coperture assicurative valide per tutto il mondo) (in c/c postale) body.base {font-family: Arial; font-size: 10pt;} p.titolo12 {font-size: 14pt; font-weight: bold; color: dodgerblue; text-align: center; margin-bottom:auto;} p.titolo22 {font-size: 12pt; font-weight: bold;

Dettagli