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.