Tutoriál
V tomto díle se podíváme na káskádové styly neboli CSS. Udìláme si také jendoduchou kompletní stránku. A pøíštì zaèneme s prací na kompletním layoutu.
Nejprve si vytvoøíme nový soubor tøeba styly.css. Nyní vložíme do hlavièky následující kus kódu:
<link rel=”stylesheet” href=”styly.css” type=”text/css”>
Kde styly.css se nachází adresa nebo název souboru kde se nachíz CSS styly.
Teï ale je tu otázka proè psát i styly. Odpovìd je jednoduchá, spousta lidí je asi líná nebo já nevím co ale na webu se nachází spíše tutoriály jak napsat web který se psal v pìtadevadesátým a ne jak se píše teï. Pokuï nechcete mít stránky chaotické je nejlepší použít právì css styly a také spousta prohlížeèù dnes již vùbec nepodporuje nejrùznìjší znaèky z 90.let minulého století. Tøeba znaèka center se dnes již vùbec nevyužívá ale v 90.letech se využívala hodnì a slouží na vycentrování textu. Nyní si napíšeme velmi jendoduchou stránku ve které ale již použijeme css styly. Kód je následující:
HTML... <body> <h1>Moje stránky</h1> <p>Toto jsou moje první stránky. Jelikož nemám moc zkušeností nejsou ještì na dokonalé úrovni.</p> <div id=”omne”> <h2>O mnì</h2> Jsem programátor. Je mi - let. Moje hobby jsou: hobby 1, hobby 2 a hobby 3. </h2></div> <p> Více si doplòte vy</p> </body>
body {
background: yellow;
}
p {
size: 90%;
}
h1 {
size: 150%;
}
h2 {
size: 120%;
}
#omne {
background: green;
}
To je asi vše. Pøíštì to již nebude jako obvykle budeme se zabývat tvorbou kompletního layotu.
