SPEAKER: Takže to vlastne nie je najlepší navrhnúť, aby prelínajú CSS s HTML. Skôr, je to najlepšie, aby vytknúť vaše CSS, dať to niekam centrálne, a nejako aplikovať na tagy na svoje webové stránky. Na dosiahnutie tohto cieľa, môžeme skutočne zastaviť pomocou atribútu Štýl a miesto použiť tag štýl, ktorý patrí do hlava webové stránky spolu, pre inštancie, váš titul. 

Poďme dať to skúsiť a re-implementovať domáce stránka pre Johna Harvard pomocou tagu štýl. Už som dostal nás začala Tu sa tromi divs pre John Harvard domovskú stránku. Ale poďme sa najprv ísť až na to prvé div a pridať nový atribút, menovite ID, a určiť, že jedinečná Identifikátor pre túto konkrétnu div musí byť, napríklad, citácie koniec citátu "Top", ľubovoľný názov, ale opisný, že tento div je naozaj na vrchole svojej stránky. 

Pre budúci div, dajme to iný ID citátom koniec citátu "Stredná" a poďme dať tretí div ID citátom koniec citátu "dole". My Teraz máte tri jedinečný identifikátor na ktoré môžeme použiť nejaký CSS vlastnosti, ale najprv poďme návrat do čela tejto stránky. Tesne nad titulu tu, budem choďte do toho a definovať štýl a zatvorte štýl. 

Vnútri to teraz, budem definovať Niektoré vlastnosti CSS, a síce rovnaké ako tie, som už mal vo veľkom štýle atribúty, ale tu sa bude centrálne definované. Ak chcete tak urobiť, budem špecifikovať libru symbol nasleduje nahor, čím sa upresňuje, že nasledujúce CSS vlastnosti by sa mala vzťahovať na čokoľvek HTML element má jedinečný identifikátor vrcholu. Ja potom budem musieť trochu otvoriť a uzavreté zložené zátvorky, a budem špecifikovať, povedzme, veľkosť písma musí byť 36 pixelov, hmotnosť písmo bude tučné. 

Ak chcete udržať veci čisté, dávam každý z týchto vlastností teraz na jeho vlastné linka, ale to je len štylistické konvencie. Pod to, poďme sa teraz definovať ďalšie Volič, aby som tak povedal. Ten pre značku HTML, ktorý má jedinečný identifikátor stredu. A tu, poďme určiť veľkosť písma 24 bodov, ďalej, že ďalšie Volič na dne, a vo vnútri o tom, poďme špecifikovať veľkosť písma 12 bodov. 

Poďme teraz uložiť, zmeniť povolenia na, a načítať stránku v prehliadači chmod a navyše r css-1.html. Poďme otvoriť Chrome a navštíviť http://localhost/css-1.html. To nie je zlé. Presne tak, ako som chcel, ale ja by som rád, aby o krok ďalej brať veci teraz a Text stredového John Harvarde. Teraz k tomu, by som mohol zabaliť Celé stránky v div, keď som robil skorší príklad. Alebo môžem byť oveľa múdrejší a uvedomiť si, že všetky tieto divs sú vo vnútri Telo mojej stránke, takže prečo nie len platiť jednu alebo viac vlastností CSS k telu označiť sám? 

Ak chcete tak urobiť, poďme na to. Vráťme sa k gedit tu. Poďme prejdite späť do tagu štýl, a poďme zadať volič len pomocou tohto tagu meno, telo. Pod tým, poďme dať naše zložené zátvorky nasleduje text zarovnanie na stred. Poďme teraz uložiť stránku a znova že vo vnútri tohto prehliadača. Obnoviť v Chrome a voila. V súčasnej dobe máme stránku Johna Harvard je stred, ako sme chceli.