Tip:
Highlight text to annotate it
X
>> 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 *** 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.