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