>> SPEAKER: Takže to vlastně není nejlepší navrhnout, aby prolínají CSS s HTML.
Spíše, je to nejlepší, aby vytknout vaše CSS, dát to někam centrální, a
nějak aplikovat na tagy na své webové stránky.
K dosažení tohoto cíle, můžeme skutečně zastavit pomocí atributu Styl a místo
použít tag styl, který patří do hlava webové stránky spolu, pro
instance, váš titul.
>> Pojďme dát to zkusit a re-implementovat domácí stránka pro Johna Harvarda
pomocí tagu styl.
Už jsem dostal nás začala Zde se třemi divs pro
John Harvard domovskou stránku.
Ale pojďme se nejprve jít až na to první div a přidat nový atribut,
jmenovitě ID, a určit, že jedinečná Identifikátor pro tuto konkrétní div
musí být, například, citace konec citátu "Top", libovolný název, ale
popisný, že tento div je opravdu na vrcholu své stránky.
>> Pro příští div, dejme to jiný ID citátem konec citátu
"Střední" a pojďme dát třetí div ID citátem konec citátu "dole". My
Nyní máte tři jedinečný identifikátor na které můžeme použít nějaký CSS
vlastnosti, ale nejprve pojďme návrat do čela této stránky.
Těsně nad titulu tady, budu jděte do toho a definovat styl
a zavřete styl.
>> Uvnitř to teď, budu definovat Některé vlastnosti CSS, a sice
stejné jako ty, jsem již měl ve velkém stylu atributy, ale tady se bude
centrálně definované.
Chcete-li tak učinit, budu specifikovat libru symbol následuje nahoru, čímž se
upřesňuje, že následující CSS vlastnosti by se měla vztahovat na cokoliv
HTML element má jedinečný identifikátor vrcholu.
Já pak budu muset trochu otevřít a uzavřené složené závorky, a budu
specifikovat, řekněme, velikost písma musí být 36 pixelů, hmotnost písmo bude tučné.
>> Chcete-li udržet věci čisté, dávám každý z těchto vlastností nyní na jeho vlastní
linka, ale to je jen stylistické konvence.
Pod to, pojďme se nyní definovat další Volič, abych tak řekl.
Ten pro značku HTML, který má jedinečný identifikátor středu.
A tady, pojďme určit velikost písma 24 bodů, dále, že další
Volič na dně, a uvnitř o tom, pojďme specifikovat
velikost písma 12 bodů.
>> Pojďme nyní uložit, změnit oprávnění na, a načíst stránku v prohlížeči
chmod a navíc r css-1.html.
Pojďme otevřít Chrome a navštívit http://localhost/css-1.html.
To není špatné.
Přesně tak, jak jsem chtěl, ale já bych rád, aby o krok dál brát věci teď a
Text středového John Harvardu.
Nyní k tomu, bych mohl zabalit Celé stránky v div, když jsem
dělal dřívější příklad.
Nebo můžu být mnohem chytřejší a uvědomit si, že všechny tyto divs jsou uvnitř
Tělo mé stránce, takže proč ne jen platit jednu nebo více vlastností CSS k tělu
označit sám?
>> Chcete-li tak učinit, pojďme na to.
Vraťme se k gedit zde.
Pojďme přejděte zpět do tagu styl, a pojďme zadat volič jen
pomocí tohoto tagu jméno, tělo.
Pod tím, pojďme dát naše složené závorky následuje text zarovnání na střed.
Pojďme nyní uložit stránku a znovu že uvnitř tohoto prohlížeče.
Obnovit v Chrome a voila.
V současné době máme stránku Johna Harvarda je střed, jak jsme chtěli.