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 teste, 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.