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.