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.