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.