CSS/Regole e sintassi: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Ramac (discussione | contributi)
spostamento unità di misura
Ramac (discussione | contributi)
m formattazione
Riga 1:
{{Linguaggio CSS}}
==CSS esterni e interni==
Gli sitlistili di una pagina possono essere definiti sia all'interno del file dovenel quale devono operare, sia in un file a parte.
*Gli '''stili esterni''' solitamente vengono usati se si hanno molte pagine sua cui operare,applicare peril nonmedesimo crearestile. troppaQuesto permette di non fare confusione nel lavoro di modifica e revisione.
*Gli '''stili interni''' vengono usati se le pagine sui cui operare sono veramente poche eo se il sito è semplice (questo sistema è sconsigliato perché nasconde una delle potenzialità dei CSS)
 
RicordoSi noti che i CSS vengono validati dal [http://www.w3.org W3C] solamente se sono esterni.
*Gli '''stili esterni''' solitamente vengono usati se si hanno molte pagine su cui operare, per non creare troppa confusione nel lavoro di modifica.
 
=== Stili esterni ===
*Gli '''stili interni''' vengono usati se le pagine sui cui operare sono veramente poche e se il sito è semplice (questo sistema è sconsigliato perché nasconde una delle potenzialità dei CSS)
&Egrave; il sistema più usato ed è compatibile con tutti i browser. Per inserire un collegamento ad uno stile esterno alla pagina, usiamo il tag <code>&lt;link /&gt</code> nell'intestazione della nostra pagina:
 
Ricordo che i CSS vengono validati dal [http://www.w3.org W3C] solamente se sono esterni.
 
 
===Stili esterni===
Sistema più usato e più compatibile con tutti i browser:
<html>
<head>
Line 19 ⟶ 16:
<body>...
 
QuestoIl seguente sistema di importazione è ilinvece più adatto a risolvere problemi di compatibilità tra vecchi e nuovi browser:
'''<style>'''
''' @import url(stile.css);'''
'''</style>'''
 
 
=== Stili interni ===
<html>
<head>
<title>Inserire i fogli di stile in un documento</title>
'''<style type="text/css">'''
'''''...codice...'''''
body {
'''</style>'''
background: #FFFFCC;
}
</style>
</head>
<body>...
Ricordo che questo sistema non permette la validazione da parte del [http://w3.org W3C]
 
== Style ==
L'ultimo modo per formattare un elemento con un foglio di stile consiste nell'uso dell'attributo <code>style</code> applicabile ad ogni elemento HTML.
Questo sistema siè utilizzautilizzato all'interno degli elementi del codice, HTML della pagina e può risultare utile se c'è dabisogno di aggiungere uno stile veloceunico per un unico l'elemento diverso dagli altri.
 
<elemento '''style="''regole_di_stile''"'''>
 
Se ad esempio si vuole formattare l'elemento Fieldset, bisogna operare come segue: