>> SPEAKER: Izkazalo se je, da je HTML ni edini jezik, ki ga lahko uporabite znotraj
spletne strani.
Lahko uporabite nekaj, kar ti CSS, ali Cascading Style Sheets, kot tudi.
CSS vam omogoča, da določite bolj ravno estetika web
strani, vključno z obliko in velikostjo in barve in pisave in še veliko več.
Na primer, kaj je ustvariti spletno stran tu imenujejo CSS0, ki predstavlja
Domača stran za, recimo, John Harvard.
>> Na tej strani bomo imeli John Harvard je ime, pod katerim se bo
Lepo sporočilo za svoje obiskovalce, pod ki bo noge, z
pravijo, nekaj informacij o avtorskih pravicah.
Če želite to narediti, kaj je opredeliti tri divizije za strani s pomočjo oznako
imenovano div.
Oklepaj div, John Harvard, blizu Nosilec div, drugi oklepaj div,
in zdaj bomo navesti nekaj všeč, dobrodošli na moji domači strani!
In da zaprete to div, kot dobro.
>> In zdaj tretja in zadnja div, avtorske pravice.
Samo da bo fancy, naj uporabijo zdaj HTML Podjetje, simbol, ki predstavlja
lik, ki ga sicer ne bi tip na tipkovnici.
Še posebej, bom naredil ampersand, funt, 169, podpičje.
Izkazalo se je, da je številčna oznaka simbol o avtorskih pravicah.
Potem pa določite John Harvard tukaj na dnu.
Oglejmo zaprite div in shranite datoteko.
>> Zdaj, kaj je ta div tag?
Div tag določa zgolj delitev na strani, ki je v bistvu
pravokotne regiji.
Tako da v tem trenutku imam tri pravokotne regije, eden na vrhu
na drugi.
Torej za zdaj, učinek je skoraj tako čeprav sem imel tri odstavke.
Ampak ne bomo videli prav toliko prazen prostor med njima.
>> Oglejmo shranite to datoteko, spremenite njeno dovoljenj, in si oglejte za
trenutek v Chrome.
Chmod + r CSS0.html.
Dajva zdaj odpirajo Chrome in obisk http://localhost.CSS0.html.
Pravzaprav, tu je domača stran John Harvard.
Pojdimo zdaj ga stilu malo več Prav z uporabo nekaterih CSS.
>> Nazaj v gedit, gremo v to Prvi div tag in dodajte slog
atribut določa, da bi rad velikost pisave, recimo, 36 točk, ali px.
In bi rad težo te pisave biti drzna kot privzeto,
kar je normalno.
Za drugo div, kaj je opredeliti en slog atribut, ki ima
velikost črk 24 pik, tako da malo manjši.
Zapri kotacije po podpičjem.
>> Nazadnje, v tej tretji div, naredimo Slog je enaka velikosti citiram, pisave in
recimo 12 pik tem trenutku.
Zapri quote po podpičjem.
Obvestilo, nato pa, da sem se zdi, da imajo določeno malo stilizacije za
vsako od teh treh divs uporabo, Izkazalo se je, CSS.
Dejstvo je, sintakso, ki jih vidite v med temi narekovajih je CSS,
posebej lastnosti CSS z vrednostmi.
In za to prvo oznako, kjer sem imel dve taki lastnosti, velikost pisave in
font teža, sem preprosto ločiti jim s podpičjem.
>> Zdaj pa samo zaradi slogu, sem vključene tudi podpičja na
konec vsake vrstice.
Ampak oni niso nujno potrebne, še posebej, če imate samo eno
nepremičnina opredeljena.
Pojdimo zdaj shranite in osvežite v Chrome, in videli, kaj
Neto učinek.
Nazaj v Chrome tukaj, dajmo kliknite Reload.
>> Zdaj imamo nekoliko bolj zanimivo Domača stran za Janeza
Harvard, pri čemer prva linija z njegovo ime, kar je notri, da
Prvi div, je 36 slikovnih pik in tudi krepka, pri čemer je druga vrstica,
, ki je v tem drugem div, je 24 slikovnih pik, vendar ne v krepkem.
In pri čemer tretja vrstica v tej tretji div je 12 slikovnih pik in tudi
ni krepka.
Recimo, zdaj bi rad premik Vse te tekstovno
tako da je to v sredini.
>> Sem mogla uskladiti vsake posamezne DIVs kot je sredinsko.
Vendar je lažje, sem zaviti tiste Tri divs znotraj četrtega div,
matično div, če se tako izrazim, in določite da je ta div in vseh njegovih
potomci morajo biti poravnano besedilo center?
Oglejmo pogled.
>> Znotraj gedit, pojdimo nazaj k moji Telo in dodati novo div up top z
div, stil je enak quote citata besedilo uskladiti center, close
citiram po podpičjem.
In zdaj, gremo naprej in alinea vse teh vrstic, ki smo jih vnesli prej.
In spodaj navedeni tretji div, dajva zaprite to novo div.
>> Z drugimi besedami, ker ti trije Originalni divs so sedaj otroci, tako da
govorijo, nove matične div in sem določeno, da bi rad, da uskladi
Besedilo tega matičnega div v centru strani, bo ta nepremičnina
podedoval vse te otroke.
Dejansko pa shranite in poglej v brskalniku.
Oglejmo osvežite v Chrome.
In tam smo ga, še lepše imeti domača stran John Harvard.