CSS/Regole e sintassi: differenze tra le versioni

< CSS
Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
(Nessuna differenza)

Versione delle 10:37, 10 set 2006

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.

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 P (paragrafo), bisogna operare come segue:

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