CSS: sovrascrivere gli stili dei tag presentazionali

Vi capiterà prima o poi di dover usare i CSS su una marcatura obsoleta (si parla di dieci anni fa). In questo caso avrete a che fare con i tristemente noti tag presentazionali. Vediamo come resettarne gli stili con i CSS.

font

Questo tag è il tag presentazionale per eccellenza. Tuttavia è semplice da sovrascrivere:


font {
  font: normal 1em Arial, sans-serif !important;
  color: #000 !important;
}

Usiamo !important per essere certi di annullare gli stili predefiniti del tag. Questo tag ha tre attributi:

  1. face
  2. color
  3. size

Possiamo anche usare i selettori di attributo per essere più specifici:


font[face],
font[face][color],
font[face][color][size] {

  font: normal 1em Arial, sans-serif !important;
  color: #000 !important;


}

marquee

marquee crea del testo scrorrevole. Si può resettare in alcuni browser, ma non in tutti.


marquee {
  -moz-binding: none !important;
  display: inline !important;
  overflow: hidden !important;
}

La soluzione migliore resta quella di usare display: none e rimuoverlo completamente dal layout.

blink

Questo tag crea l'effetto del testo lampeggiante. Si resetta facilmente:


blink {
 text-decoration: none !important;
}

center

Questo tag centra gli elementi nella pagina e il testo al loro interno. Possiamo sovrascriverlo come segue:


center {
  text-align: left !important;
}

center * {
 margin-left: 0 !important;
 margin-right: 0 !important;
}
Torna su