Jak připojit CSS

Nabízím kvalitní řešení, které vám padne.

Tímto článkem začínám nový cyklus o aplikaci kaskádových stylů na dokument. Dnes si stručně ukážeme pár metod připojení CSS, které následovně podrobně probereme v dalších článcích.

Metoda A: styly uvnitř kódu

 <a href="index.php" title="Odkaz na úvod" style="color: #666; text-decoration: none;">Úvod</a>

Metoda B: styly v prvku <style>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
 <title>Aplikace CSS do dokumentu</title>
 <style type="text/css">
 <![CDATA [
 body { font-family: Arial, sans-serif; }
 ] ]>
 </style>
 </head>

Metoda C: externí styly přes @import

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
 <title>Aplikace CSS do dokumentu</title>
 <style type="text/css">
 <![CDATA [
 @import "styl.css";
 ] ]>
 </style>
 </head>

Metoda D: externí styly přes link

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
 <title>Aplikace CSS do dokumentu</title>
 <link rel="stylesheet" type="text/css" href="styl.css" />
 </head>

A co dál?

Zde je přehled všech metod aplikace CSS na dokument, které zatím znám. V následujících dnech si zde rozebereme dopodrobna všechny tyto metody a na závěr si povíme o jedné, zatím nezmíněné, kombinaci metod, která by nám měla vyřešit všechny problémy s kompatibilitou se starými prohlížeči.

15.7.2005