Web base - CSS e selettori
•
0 likes•269 views
Regole di stile. Selettori. Font e colori. Posizione assoluta e relativa.
More Related Content
Viewers also liked
Viewers also liked (16)
Similar to Web base - CSS e selettori
Similar to Web base - CSS e selettori (20)
More from Annalisa Vignoli
Web base - CSS e selettori
- 1. TECNOLOGIE WEB BASE Presentazione, CSS e selettori
- 2. Presentazione di un elemento html < /TAG > C O N T E N U T O tag iniziale < TAG attributo = valore attr. , attributo = valore attr. .….. > tag finale ATTRIBUTO SPECIALE: style = ’’ regole di stile ‘’ attributo : valore attr. ; attributo : valore attr. ; …..
- 3. Attributi di tag e attributi di regole di stile <h1 align=”left”> align text-align attributo di tag possibili valori left/middle/right esempio attributo di regola di stile possibili valori left/center/right esempio <h1 style=”text-aligh : left”> <font size=4> size font-size attributo di tag possibili valori integer esempio attributo di regola di stile possibili valori ...px/...em esempio <h1 style=”font size : 20px”>
- 4. Collegamento tra elemento e regole di stile <!DOCTYPE html> <html> <head/> <meta charset="utf-8"> <title>Grafico Line</title> </head> <body> <h1 style=’’font-size:20px”>Titolo </h1> <div> Contenuto </div> </body> </html> STYLE in TAG STYLE in HEAD <!DOCTYPE html> <html> <head/> <meta charset="utf-8"> <title>Grafico Line</title> <style> h1 {font-size:20px} </style> </head> <body> <h1>Titolo </h1> <div> Contenuto </div> </body> </html>
- 5. .valore di attributo class Regole css selettore { attributo : valore; …………….. attributo : valore; } tag dell’elemento #valore di attributo id selettori multipli ( , ) selettori discendenti (spazio) selettori dettagliati (uniti) selettori figli diretti (>) selettori adiacenti (+) selettori fratelli (~) h1, h2 h1 p h1#id1 div > h1 h1 +h2 h3~h2
- 7. Colori Color name Esadecimalergb blue red green yellow #FFFF00rgb(256, 256, 0) rgb(0, 0, 256) rgb(0, 256, 0) rgb(256, 0, 0) #FF0000 #00FF00 #0000FF magenta #FF00FFrgb(256, 0, 256) cyan #00FFFFrgb(0, 256, 256)
- 8. TECNOLOGIE WEB BASE Document Object Model
- 9. Document Object Model document HEAD HTML STYLE SCRIPT LINK DIV DIV H1 P
- 11. CONTATTI TELEFONO 051 22 35 20 EMAIL WORKSHOP@VICEM.IT