>> SPEAKER: Tako da je dejansko ni najboljša načrtovati, da se prepletajo CSS HTML.
Namesto tega je najbolje, da faktor iz vašega CSS, dal nekje centralno, in
nekako velja, da oznake na vašo spletno stran.
Da bi to dosegli, bomo lahko dejansko ustavi uporabi Style atribut in namesto
uporabite Style oznako, ki spada v Vodja spletne strani skupaj, za
na primer, vaš naslov.
>> Dajmo to poskusiti in ponovno izvajanje domača stran Johna Harvarda
z oznako Style.
Sem že gotten nas začelo tukaj s tremi divs za
John Harvard je domača.
Ampak kaj je prvi sedaj gredo v to prva div in dodati novo lastnost,
in sicer ID, in določite, da edinstven identifikator za to posebno div
so, na primer, citiram konec citata "Top" poljubno ime, vendar
opisen, da je ta div je dejansko na vrhu svoji strani.
>> Za naslednjo div, kaj je na tej dal drugačna ID citatom citata
"Srednji" in dajmo tretjo div ID citatom citata "od spodaj". Mi
Zdaj imamo tri enolični identifikator , na katerega bomo lahko namažete CSS
lastnosti, ampak najprej, kaj je donos na čelu te strani.
Tik nad naslova tukaj, bom iti naprej in določite slog
in zaprite slog.
>> Znotraj tega zdaj, bom opredeliti nekatere lastnosti CSS, in sicer
isti, sem že imel v Style atribute, ampak tukaj jih bomo
centralno določena.
To storite tako, da bom določite funt simbol sledi vrh, s čimer
navedbo, da po CSS lastnosti bi morale veljati za vse, kar
HTML element ima edinstven identifikator vrhu.
Jaz sem potem dogaja, da imajo nekatere odprte in Zaprte zaviti oklepaji, in bom
določite, recimo, se velikost črk je 36 točk, se teža krepko pisavo.
>> Da se stvari čist, bom dal vsak od zdaj naprej sama s temi lastnostmi
linijo, ampak to je samo stilne konvencije.
Pod to, kaj je sedaj določiti drugo Selektor, tako rekoč.
Ta je za oznako HTML, ki ima Edinstven identifikator sredini.
In tukaj, dajmo določite velikost pisave 24 pik, spodaj, da je druga
Selektor za dno, in znotraj o tem, kaj je opredeliti
velikost 12 pik pisave.
>> Pojdimo zdaj rešiti, spremenite dovoljenja no, in naložiti te strani v brskalniku,
chmod a plus r CSS-1.html.
Odprimo Chrome in obiščite http://localhost/css-1.html.
Ni slabo.
Točno tako, kot sem nameraval, ampak rad bi se stvari en korak naprej in zdaj
Besedilo sredinski John Harvard.
Zdaj pa, da to stori, lahko sem zaviti celotna stran v div, kot sem
naredil zgodnejši primer.
Ali sem lahko bolj pameten in ugotovili, da Vse te divs so znotraj
Telo moji strani, tako, zakaj ne uporabljajo samo eno ali več lastnosti CSS v telesu
sam označil?
>> To storite tako, naredimo to.
Vrnimo se k gedit tukaj.
Pojdimo se pomaknete nazaj do Style tag, in naj določi selektor samo
uporabo te označbe imena, Body.
Pod tem, kaj je dal svoje zavite oklepaje sledi text-align center.
Pojdimo zdaj shranite stran in osvežite je znotraj navedenega brskalnika.
Ponovno naloži v Chrome, in voila.
Zdaj imamo John Harvard stran centered, kot smo nameravali.