SPEAKER: Pa to zapravo nije najbolji dizajn se smjenjuju s CSS i HTML. Umjesto toga, to je najbolje uzeti iz svoje CSS, stavi ga negdje središnje i nekako ga primijeniti na oznake na svoju web stranicu. Da bi to postigli, mi zapravo može zaustaviti pomoću stilske osobine i umjesto toga koristiti stil oznaku, koja pripada u Čelnik web stranice uz, za Primjerice, vaš naslov. 

Dajmo to probati i ponovno provesti Početna stranica za Johna Harvarda pomoću Style oznaku. Već sam stečen nam počeli ovdje s tri divs za John Harvard stranica. Ali idemo sad prvo idu na ovo prvo div i dodati novi atribut, naime ID, i odrediti da se jedinstveni identifikator za ovaj div bit će, na primjer, citat završiti citat "Top", proizvoljna ime, ali opisno, da je to Div doista na vrhu moje stranice. 

Za sljedeći div, ajmo to dati drugačija ID quote Citat završen "Srednji" i dajmo treći div ID quote Citat završen "dnu". Mi Sada imamo tri jedinstveni identifikator na koje možemo primijeniti neke CSS svojstva, ali prvo, neka je povratak na čelu ove stranice. Samo iznad naslova Evo, ja ću ići naprijed i definirati stil a zatim bliski stilu. 

Unutar toga sad, idem definirati neki CSS svojstva, naime isti oni koje sam prije imao u stilu atribute, ali ovdje će biti centralno definirano. Da biste to učinili, ja ću navesti funta Simbol slijedi vrhu, a time navodeći da se sljedeće CSS svojstva treba primijeniti na bilo što HTML element ima jedinstveno identifikator vrhu. Ja sam tada će imati neke otvorene i zatvorenih vitičastim zagradama, a ja ću odrediti, recimo, veličinu fonta mora biti 36. piksela, težina fonta mora biti hrabar. 

Da bi stvari ostale čiste, ja stavljam svaki tih svojstava sada na svojim nogama linije, ali to je samo stilska konvencija. Ispod toga, idemo sad definirati još jedan Selektor, da se tako izrazim. To je jedan za HTML tag koji ima Jedinstveni identifikator sredini. I ovdje, neka je odrediti veličinu fonta 24 piksela, ispod toga drugoga Selektor za dno, a unutar toga, neka je odrediti veličinu fonta od 12 piksela. 

Idemo sada spasiti, promijeniti dozvole na, i učitati ovu stranicu u pregledniku, chmod plus r CSS-1.html. Idemo otvoriti Chrome i posjetite http://localhost/css-1.html. Nije loše. Točno onako kako sam htio, ali ja bih ići korak dalje i sada središnjoj John Harvard tekst. Sada za to, mogao sam omotajte cijela stranica u div kao što sam je raniji primjer. Ili ja mogu biti pametan i shvatiti da sve ove divs su unutar moje web stranice tijelo, pa zašto se ne primjenjuje samo jedan ili više CSS svojstva u tijelu se označiti? 

Da biste to učinili, učinimo to. Idemo natrag u gedit ovdje. Idemo dođite natrag do Style oznaku, i neka je odrediti selektor samo pomoću te oznake s imenom, tijelo. Ispod toga, neka stavi svoje vitičastim zagradama slijedi text-align centru. Idemo sada spremiti stranicu i ponovno da unutar tog preglednika. Reload u Chrome, i voila. Mi sada imamo Johna Harvarda stranicu usmjeren kako smo zamislili.