Sei sulla pagina 1di 12

CREARE DIV TAG Selezionare dove si vuole inserire il div tags e cliccare sullicona, dare lok.

Prioseguire per tutti I campi necessare (paragrafi)

DIV TAGS I tag vengono nominati : Div h1, h2 p, blockquote, ul, li, a Non ci sono tags "heder" "footer o "Photogallery"igli html tags CLASS e ID class e id ci permettono passare significato aggiuntivo

id= deve essere univoco per ogni pagina id=header class= pu essere utilizzato con la frequenza necessaria es. Class=author INSERIRE ID Varie opzioni per inserire gli ID (3 opz 2 dalla schermata progettazione e una dalla schermata codice) Il primo si inserisce tramite la finestra delle propiet; cliccando si div nel pannello sopra propiet selezioniamo il titolo principale, si pu selezionare direttamente il titolo e poi andare nella finestra delle propriet sotto la voce div ID intitolate il nostro div idin questo caso essendo il titolo principale si chiamer Header
Div id=header

Div id=content

Div id=sidebar Div id=foter

Utilizzando la vista codice + prog, si pu vedere il cambiamento nel codice.

2 metodo Sottolineando la parte interessata e cliccando CMD+T della tastiera si pu inserire il codice id

3 metodo direttamente dal codice

SINGOLE PAROLE Le singole parole ????? applicarlo a tutte le parole indipandent?????

HEADING

nella barra delle priorit si pu determinare il corpo della head tra formati gia confezionati

SINTASSI CSS SELETTORE

CSS BASIC SELECTOR

creiamo dei nuovi rules CSS

Selezionare selector type: Class: pu applicare a qualsiasi elemento HTML viene applicato volta per volta ID: si applica ad un solo elemento HTML es quadrato del sidecar # davanti Tag: Ridefinisce Un elemento HTML es testo titolo Componed: In base alla selezione Bisogno inoltre nominarlo in questo caso h1 per head 1 E si applica per questo documento Dopo di che si scelgono tutte le caratteristiche che si vogliono attribuire Es ID

Es Class

COMPLEX SELECTOR I comandi di prima ci hanno permesso di modificare la struttura allinterno dei div tag . Di testi anche singoli o sfondi per colore e carattere Il prossimi comandi ci permetteranno di fare svariate modifiche , es

Aggiungere un link Evidenziatura Testo blocco corsivo Sfondo di un titolo senza colorare tutta la sezione div Modificare colore testo di tutti gli header dei diversi div Sottolineatura a comparsain un link Componed: In base alla selezione

Modificare colore testo di tutti gli header dei diversi div Es

Testo blocco corsivo Es

Evidenziatura Es

Sfondo di un titolo senza colorare tutta la sezione div Es

Aggiungere un link
Es

Sottolineatura a comparsain un link


Es

CASCADE ??????
Abbiamo 3 fogli di stile con i testi uguali ma i parametri colere e corpo etc differente Apriamo foglio di stile A (che nn ha css) e alinterno importiamo Foglio di stile B vedremo

che le diversita del foglio B si applicheranno sul nostro foglio A. Vale anche con il foglio C che al posto di importarlo lo colleghiamo con link Le modifiche che vorremmo fare da questo momento le apportiamo hai fogli B C

Potrebbero piacerti anche