Spreker: So dit is eintlik nie die beste ontwerp CSS te meng met HTML. Inteendeel, dit is die beste om faktor uit jou CSS, sit dit iewers sentrale en een of ander manier toe te pas op die tags in jou webblad. Om dit te bereik, kan ons eintlik stop gebruik van die styl kenmerk en in plaas daarvan gebruik om 'n Styl tag, wat deel uitmaak van die hoof van 'n web bladsy langsaan vir Byvoorbeeld, jou titel. 

Kom ons gee dit 'n probeer en weer te implementeer 'n tuisblad vir John Harvard gebruik van die styl-etiket. Ek het reeds gekry ons begin hier met drie divs vir John Harvard se tuisblad. Maar laat ons nou eers gaan na die eerste div en voeg 'n nuwe kenmerk, naamlik ID, en spesifiseer dat 'n unieke identifiseerder vir hierdie spesifieke div sal wees, byvoorbeeld, kwotasie unquote "Top" 'n arbitrêre naam nie, maar beskrywende in dat dit div is inderdaad aan die bokant van my bladsy. 

Vir die volgende div, kom ons gee dit 'n verskillende ID van kwotasie unquote "Middel" en laat ons gee die derde div 'n ID van kwotasie unquote "onder." Ons het nou drie unieke identifiseerder waaraan ons kan 'n paar CSS toepassing eienskappe, maar die eerste, laat se terugkeer aan die hoof van hierdie bladsy. Net bokant die titel hier, ek sal gaan voort en styl definieer en dan naby styl. 

Binnekant van dit, ek gaan om te definieer sommige CSS eienskappe, naamlik die dieselfde mense wat ek voorheen in styl gehad eienskappe, maar hier is hulle sal wees sentraal gedefinieer. Om dit te doen, ek gaan die pond te spesifiseer simbool, gevolg deur die top, en daardeur spesifiseer dat die volgende CSS eienskappe moet aansoek doen om alles HTML element het die unieke identifikasie van die top. Ek is dan gaan 'n paar oop te hê en geslote krulhakies, en ek gaan spesifiseer, sê, sal lettergrootte wees 36 pixels, sal font gewig vet. 

Dinge skoon te hou, ek sit elke van hierdie eiendomme nou op sy eie lyn, maar dit is net 'n stilistiese konvensie. Onder hierdie, laat ons nou definieer 'n ander selector, om so te praat. Hierdie een vir die HTML tag wat unieke identifikasie van die middel. En hier, laat ons spesifiseer 'n lettergrootte van 24 pixels, hieronder wat 'n ander selector vir onderkant, en binne van daardie, laat ons gee 'n lettergrootte van 12 pixels. 

Kom ons nou ook red, verander die regte op, en laai hierdie bladsy in 'n leser, chmod 'n plus r css-1.html. Kom ons oop Chrome en besoek http://localhost/css-1.html. Nie sleg nie. Presies soos wat ek bedoel nie, maar ek wil neem dinge 'n stap verder en nou sentrum John Harvard se teks. Nou om dit te doen, kan ek draai die hele bladsy in 'n div as ek het 'n vroeëre voorbeeld. Of ek kan meer slim en besef dat al hierdie divs is binnekant van my bladsy se liggaam is, so hoekom nie net van toepassing een of meer CSS eienskappe vir die liggaam self merk? 

Om dit te doen, laat ons dit doen. Kom ons gaan terug na gedit hier. Kom ons blaai terug na die Style tag, en laat ons gee 'n selector net gebruik van daardie merker se naam, liggaam. Hieronder wat, laat ons ons krulhakies gevolg deur text-align sentrum. Kom ons kyk nou na die bladsy stoor en oproep dit binnekant van die leser. Reload in Chrome, en siedaar. Ons het nou John Harvard se bladsy gesentreer as ons bedoel is.