CSS/Regole e sintassi: differenze tra le versioni

Wikibooks, manuali e libri di testo liberi.
< CSS
Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
Riga 5: Riga 5:
*Gli '''stili esterni''' solitamente vengono usati se si hanno molte pagine su cui operare, per non creare troppa confusione nel lavoro di modifica.
*Gli '''stili esterni''' solitamente vengono usati se si hanno molte pagine su cui operare, per non creare troppa confusione nel lavoro di modifica.


*Gli '''stili interni''' vengono usati se le pagine sui cui operare sono veramente poche e se il sito è semplice.
*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)


Ricordo che i CSS vengono validati dal [http://www.w3.org W3C] solamente se sono esterni.
Ricordo che i CSS vengono validati dal [http://www.w3.org W3C] solamente se sono esterni.
Riga 37: Riga 37:
<body>...
<body>...
Ricordo che questo sistema non permette la validazione da parte del [http://w3.org W3C]
Ricordo che questo sistema non permette la validazione da parte del [http://w3.org W3C]



==Style==
==Style==

Versione delle 09:15, 25 set 2006

Template:Linguaggio CSS

CSS esterni e interni

Gli sitli di una pagina possono essere definiti sia all'interno del file dove devono operare, sia in un file a parte.

  • Gli stili esterni solitamente vengono usati se si hanno molte pagine su cui operare, per non creare troppa confusione nel lavoro di modifica.
  • 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)

Ricordo che i CSS vengono validati dal W3C solamente se sono esterni.


Stili esterni

Sistema più usato e più compatibile con tutti i browser:

<html>
 <head>
  <title>Inserire i fogli di stile in un documento</title>
 <link rel="stylesheet" type="text/css" href="stile.css">
 </head>
<body>...

Questo sistema di importazione è il 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">
    body {
    background: #FFFFCC;
         }
   </style>
  </head>
<body>...

Ricordo che questo sistema non permette la validazione da parte del W3C

Style

L'ultimo modo per formattare un elemento con un foglio di stile consiste nell'uso dell'attributo style. Questo sistema si utilizza all'interno degli elementi del codice, utile se c'è da aggiungere uno stile veloce per un unico elemento diverso dagli altri.

<elemento style="regole_di_stile">

Se ad esempio si vuole formattare l'elemento Fieldset, bisogna operare come segue:

<fieldset style="color:red;font-size:14px">

In questo caso questo elemento, solo questo nella pagina, avrà il testo al suo interno rosso e grande 14px