Per importare un CSS all’interno di una pagina web ci sono diverse soluzioni. Le più usate sono link e import… Ma quali sono le differenze?

Su html.it c’è una spiegazione dettagliata, mentre qui riassumo la differenza più importante:

• Con il comando import si possono sovrascrivere le regole del foglio di stile…
  ad esempio, dichiarando il foglio di stile in questo modo

  <style type="text/css">
  @import url("advanced.css");
  body { font:80% Verdana,Helvetica,sans-serif; }
  </style>

  se all’interno di advanced.css dovesse esserci una regola per il tag body, questa viene sovrascritta dalla regola dichiarata subito dopo l’istruzione import!

• Se nella pagina sono richiamati due file css, uno tramite <link> e uno tramite @import, ha la precedenza di interpretazione quello importato con @import.
• Purtroppo l’istruzione import non è supportata dai browser datati…