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.