>> SPEAKER: Ispada da HTML nije jedini jezik koji možete koristiti unutar
od web-stranice.
Možete koristiti nešto što se zove CSS, ili Cascading Style Sheets, as well.
CSS vam omogućuje da odredite mnogo više upravo estetika na webu
stranicu, uključujući raspored i veličina i boja i fontova i još mnogo toga.
Na primjer, neka je napraviti web stranicu ovdje zove CSS0 koji predstavlja
Početna stranica za, recimo, Johna Harvarda.
>> Na ovoj stranici, morat ćemo John Harvard ime, ispod koje će biti
lijepe poruke za svoje posjetitelje, ispod koji će podnožje, s
kažu, neke informacije o autorskim pravima.
Da biste to učinili, neka je definirati tri divizije za stranicu pomoću oznaku
zove div.
Otvorena zagrada div, John Harvard, u neposrednoj blizini Nosač div, još jedna otvorena zagrada div,
a sada ćemo navesti nešto kao, dobrodošli na moju početnu stranicu!
I neka je zatvoriti ovaj div, kao dobro.
>> A sada treća i konačna div, autorskog prava.
Samo se sviđa, neka mi sada koristite HTML entitet, simbol koji predstavlja
lik koji inače ne biste mogli upišete na tipkovnici.
Konkretno, ja ću učiniti znak za struju, funta, 169, zarez.
Ispada da je brojčani kod za copyright simbol.
Onda ćemo navesti John Harvard Ovdje na dnu.
Idemo zatvoriti div i spremite datoteku.
>> Sada, što je to div tag?
Div tag jednostavno definira podjelu na stranici, koja je u suštini
pravokutno područje.
Dakle, u ovom trenutku u vremenu, ja imam troje pravokutne regije, jedan na vrhu
od druge.
Dakle, za sada, učinak je gotovo kao iako sam imao tri točke.
No, nećemo vidjeti sasvim jednako bijeli prostor između njih.
>> Idemo spasiti ovu sliku, promijeniti svoju dozvole i pogledati za
Trenutak u Chrome.
Chmod + r CSS0.html.
Nemojmo sada otvaraju Chrome i posjet http://localhost.CSS0.html.
Doista, ovdje je početna stranica Johnu Harvardu.
Idemo sada to stilizira malo više upravo pomoću neke CSS.
>> Povratak u gedit, idemo u to Prvi div tag i dodati stil
atribut navodeći da bih veličina fonta, recimo, 36 piksela, ili piksela.
I ja bih težinu ovog fonta biti hrabar, a od zadane,
što je normalno.
Po drugi div, neka je odrediti jedan stil atribut koji ima
veličinu fonta od 24 točaka, pa malo manji.
Zatvori citati nakon zarezom.
>> Na kraju, u ovoj trećoj div, idemo napraviti Stil je jednako veličinu citat, fonta i
recimo 12 piksela ovaj put.
Zatvori citat nakon zarezom.
Obavijest onda to čini mi se da ima specificirano malo stilizacije za
svaki od ova tri divs pomoću, ispada, CSS.
U stvari, sintaksa da vidite u između tih navodnicima je CSS,
posebno CSS svojstva s vrijednostima.
A za tu prvu oznaku, gdje sam dva takva svojstva, veličinu fonta i
Font težinu, jednostavno sam odvojen ih sa zarezom.
>> Sada, samo zbog stila je, ja također uključeni zarezom u
kraj svake linije.
Ali oni nisu nužno potrebno, pogotovo kad imate samo jedan
imovina definirana.
Idemo sada spremili datoteku i ponovno u Chrome, i vidjeti što
Neto učinak je.
Povratak u Chrome ovdje, idemo kliknite Reload.
>> Sada imamo malo više zanimljiv Početna stranica za Ivana
Harvard, pri čemu prva linija s njegovo ime, koje je unutar toga
Prvi div, je 36 piksela visoko i podebljana, pri čemu drugom redu,
koji je u tom drugom div, je 24. piksela visoko, ali ne podebljane.
I pri čemu treći redak u toj trećini div je 12 piksela visoko i
Ne podebljane.
Ali pretpostavimo sada Volio bih da smjeni sve ove teksta preko
tako da je usmjereno.
>> Mogao poravnati svaki pojedini DIVs kao što je usmjeren.
Ali lakše, mogao sam zamotajte onima tri divs unutar četvrtog div,
roditelj div, da se tako izrazim, te odrediti da je taj div i sve njegove
potomci bi trebao biti tekst usklađen centar?
Idemo pogledati.
>> Unutar gedit, vratimo se na moj Tijelo i dodati novu div do vrha s
div, stil jednako quote završiti citat Tekst align centar, u neposrednoj blizini
citiram nakon zarezom.
A sada, idemo naprijed i alineje sve od tih linija koje smo upisali prije.
A ispod tog trećeg div, neka je zatvoriti ovaj novi div.
>> Drugim riječima, jer ta tri izvorni divs su sada djeca, tako da se
govoriti, o novom matičnom div a ja sam navedeno da bih uskladila
Tekst tog matičnog div u centru na stranici, ta imovina će biti
naslijedio sve te djece.
Doista, neka je spremiti datoteku i pogledajte u pregledniku.
Idemo ponovno učitavanje u Chrome.
I tamo smo ga, čak i ljepše imati Početna stranica za Johna Harvarda.