Ettekandja: Nii et see on tegelikult ei ole parim kujundada segunevad CSS HTML. Pigem on see parim tegur välja oma CSS, pane see kusagil Kesk-ja kuidagi rakendada seda tags oma veebilehel. Selleks, saame tegelikult peatus kasutades Style atribuut ja selle asemel kasutada stiil tag, mis kuulub pea veebilehe kõrval, sest Näiteks oma pealkiri. 

Anname sellele proovida ja uuesti rakendada kodulehekülg John Harvard kasutades Style tag. Olen juba saanud meile hakkas siin kolme divs kohta John Harvard kodulehelt. Kuid olgem esimene nüüd minna kuni esimese div ja lisage uus atribuut, nimelt ID ja täpsustada, et ainulaadne tunnus selle konkreetse div on näiteks quote lõppeb "Top" suvalise nime, kuid kirjeldav, et see div on tõepoolest ülaosas minu leht. 

Järgmise div Anname ta erinev ID quote lõppeb "Middle" ja andkem kolmanda div ID quote Tsitaat lõppeb "alt." Me nüüd on kolm kordumatu tunnus millele saame rakendada mõned CSS omadused, kuid kõigepealt lubage tagasipöördumist juht seda lehte. Just eespool pealkiri Siin ma minna ja määratleda stiili ja sulgege stiilis. 

Toas see nüüd, ma lähen, et määratleda mõned CSS omadused, nimelt sama, mida ma varem Style atribuudid, kuid siin nad on tsentraalselt määratletud. Selleks ma täpsustada nael sümbol järgneb top, mis täpsustades, et järgmised CSS omadused tuleks kohaldada olenemata HTML element on unikaalne tunnus top. Ma siis lähen olla avatud ja suletud lokkis traksid, ja ma lähen täpsustada, ütleme, kirja suurus olema 36 pikslit, font kaal peab olema julge. 

Et hoida asjad puhtad, ma panen iga Nende omaduste nüüd omal line, kuid see on ainult stilistilise konventsioon. Selle all, lähme nüüd määrata teine valijat, nii rääkida. See üks HTML tag, mis on kordumatu tunnus keskel. Ja siin, lähme määrata kirjasuuruse 24 pikslit, alla, et teine selektor alt ja sees selle, olgem täpsustada kirjasuurus 12 pikslit. 

Olgem nüüd päästa, muuta permissions kohta ja laadige see leht brauseris, chmod pluss r css-1.html. Avame Chrome ja külastage http://localhost/css-1.html. Pole paha. Täpselt nagu ma ette, kuid ma tahaks võtta asju üks samm edasi nüüd ja keskus John Harvard tekstiga. Nüüd seda teha, ma võiks pakkima terve lehekülje div nagu ma tegin varem näiteks. Või ma ei saa olla tark ja mõista, et kõik need divs on sees minu lehe keha, nii et miks mitte lihtsalt kohaldada üks või enam CSS omadused keha tag ise? 

Selleks teeme seda. Lähme tagasi gedit siin. Lähme tagasi kerima kuni Style tag, ja olgem täpsustada valijat lihtsalt kasutades, et tag nimi, Body. Allpool et paneme meie looksulg järgneb text-align center. Olgem nüüd salvestada lehele ja laadida see sees, et brauseris. Värskenda Chrome, ja voila. Meil on nüüd John Harvard lehele tsentreeritud kui me ette.