Tip:
Highlight text to annotate it
X
>> SPEAKER: Tehát ez valójában nem a legjobb tervezni, hogy keverednek CSS és HTML.
Inkább ez a legjobb, hogy tényező ki a CSS, tedd valahol Közép-és
valahogy alkalmazza azt a címkék a web oldalon.
Ennek elérése érdekében, akkor valóban megáll a stílus attribútum, és helyette
egy stílus tag, amely tartozik a vezetője a weboldal mellett, a
Például, a címet.
>> Nézzük, hogy ez egy próbát, és újra végrehajtani A honlapon John Harvard
a Stílus tag.
Már ütött minket megkezdődött Itt három divs a
John Harvard honlapján.
De nézzük először most menj fel az első div és egy új attribútumot,
nevezetesen azonosító, és adja meg, hogy egy egyedi azonosítója e sajátos div
kell, például, idézet idézet vége "Top", egy tetszőleges nevet, de
leíró, hogy ez a div az Valóban tetején az oldalam.
>> A következő div, adjunk meg egy különböző ID idézet idézet vége
"Középső", és adjuk a harmadik div azonosító idézet idézet vége "alulról". Mi
Most már három egyedi azonosítója amihez lehet alkalmazni, néhány CSS
tulajdonságok, de előbb térjünk vissza a fejét ezen az oldalon.
Csak címe fölött van, én megy előre, és határozza meg a stílus
majd zárja be a stílus.
>> Belül ezt most fogom meghatározni néhány CSS tulajdonságok, vagyis a
ugyanazok Én korábban a stílus attribútumok, de itt lesz
központilag meghatározott.
Ehhez fogom adni a font jelet követően a felső, és ezzel
meghatározza, hogy a következő CSS tulajdonságokat kell alkalmazni, hogy bármilyen
HTML elem az egyedülálló azonosítója tetején.
Én majd megy, hogy néhány nyitott és zárt kapcsos zárójelek, és megyek
adja meg, mondjuk, a betűméret legyen 36 pixel, font súly merész.
>> Annak érdekében, hogy a dolgokat tisztán, leteszem az egyes ezek a tulajdonságok már önmagában
vonal, de ez csak egy stilisztikai egyezmény.
Ez alatt, nézzük most meghatározni egy választó, hogy úgy mondjam.
Ez a HTML-tag, amely egyedi azonosítója közepén.
És itt van, nézzük meg egy betűméretet 24 pixel, alatta egy másik
választó fenék, és a belső az, hogy nézzük meg egy
betűméret 12 pixel.
>> Nézzük most menteni, változtassa meg a jogosultságokat on, és töltse be ezt az oldalt a böngészőben,
chmod a plusz r css-1.html.
Nyissuk fel Chrome, és látogasson el http://localhost/css-1.html.
Nem rossz.
Pontosan úgy, ahogy szerettem volna, de szeretnék a dolgokat egy lépéssel tovább, és most
központ John Harvard szöveget.
Most erre, tudtam tekerje a az egész oldalt a div, mint én
volt egy korábbi példát.
Vagy lehet több okos, és rájönnek, hogy mindezek a belsejében vannak divs
az oldalam ***, miért nem csak alkalmazni egy vagy több, a CSS tulajdonságokat, hogy a test
címke is?
>> Ehhez csináljuk.
Menjünk vissza a gedit itt.
Nézzük lépjen vissza a stílus tag, és hadd adja meg a választó csak
használja, hogy a tag nevét, Body.
Alatta, mondjuk a kapcsos zárójelek majd text-align center.
Nézzük most menteni az oldalt, és töltse belsejébe, hogy a böngészőt.
Újratöltése Chrome, és íme.
Most már John Harvard oldalán központú, ahogy tervezték.