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