Ræðumaður: Svo það er í raun ekki sú besta hanna að intermingle CSS HTML. Frekar, það er best að þáttur út þinn CSS, setja það einhvers staðar miðlægur og einhvern veginn að sækja um það til merkin á vefsíðunni þinni. Til að ná þessu, getum við í raun að hætta með Style eigindi og í staðinn nota stíl merki, sem tilheyrir í yfirmaður vefsíðu hlið, fyrir dæmi, titli þínum. 

Skulum gefa þetta reyna og tilvísun til-koma A heimasíða fyrir John Harvard nota stíl tag. Ég hef nú þegar fengið okkur byrjaði hér með þremur divs fyrir Heimasíðan John Harvard er. En við skulum fyrst núna að fara upp að þessu fyrst div og bæta við nýju eigindi, þ.e. ID, og ​​tilgreina að einstakt kennimerki fyrir þetta tiltekna div skal vera, til dæmis, vitna unquote "Toppur" handahófskennt nafn, en lýsandi í að þetta div er örugglega efst á síðu mína. 

Fyrir næstu div, við skulum gefa það a mismunandi ID tilvísun unquote "Miðja," og við skulum gefa þriðja DIV kenni á tilvísun unquote "botn." Við nú hafa þrjú einstakt auðkenni sem við getum sótt nokkur CSS eiginleika, en fyrst skulum aftur að höfuð þessarar síðu. Rétt ofan við titil hér, ég fara á undan og skilgreina stíl og svo loka stíl. 

Inni í þetta núna, ég er að fara að skilgreina sumir CSS eiginleika, þ.e. sama sjálfur sem ég hafði áður í Stíll eiginleika, en hér þeir 'vera miðlægt skilgreind. Til að gera það, ég ætla að tilgreina pund tákn eftir ofan á, þannig að tilgreina að eftirfarandi CSS eignir skal gilda hvað HTML þátturinn hefur einstakt Auðkenni ofan. Ég ætla þá að fara til hafa sumir opinn og lokað hrokkið axlabönd, og ég ætla að tilgreina, segjum, leturstærð skal vera 36 dílar, letur þyngd skal vera djörf. 

Til að halda hlutum hreinu, ég er að setja hvert af þessum eignum nú á eigin spýtur lína, en það er bara stylistic samningur. Hér fyrir neðan þetta, við skulum skilgreina nú annað val, svo að segja. Þetta eitt fyrir HTML merki sem hefur Auðkenni miðju. Og hér, við skulum skilgreina leturstærð 24 dílar, neðan að annar val fyrir botn og inni um það, við skulum tilgreina Leturstærð 12 punktar. 

Skulum nú vista, breyta heimildum á, og hlaða þessari síðu í vafranum, chmod plús r CSS-1.html. Skulum opna Chrome og heimsækja http://localhost/css-1.html. Ekki slæmt. Nákvæmlega eins og ég ætlaði, en ég vil taka hluti eitt skref lengra núna og texti Center John Harvard er. Nú til að gera það, gæti ég sett á alla síðuna í div sem ég gerði áðan dæmi. Eða ég get verið meira snjall og átta sig á því öll þessi divs eru inni í líkami síðuna mína, svo hvers vegna ekki bara að sækja um eitt eða fleiri CSS eiginleika til líkamans merktu sig? 

Að gera það, við skulum gera þetta. Við skulum fara aftur til gedit hér. Skulum fletta aftur upp að stíl merki, og við skulum skilgreina val bara nota þessi merki nafn, líkama. Neðan það, við skulum setja hrokkið axlabönd okkar fylgt eftir texta-align sent. Skulum nú vista síðuna og endurhlaða það inni að vafra. Endurhlaða í Króm, og voila. Við höfum nú síðu John Harvard miðju eins og við ætlað.