>> Gjuha: Rezulton se HTML nuk është i gjuha e vetme që ju mund të përdorni brenda
i një web faqe.
Ju mund të përdorni diçka që quhet CSS, ose Cascading Style Sheets, si dhe.
CSS ju lejon të specifikoni shumë më tepër pikërisht estetikë e një web
faqe, duke përfshirë paraqitjen dhe madhësive dhe ngjyrat dhe gërmat dhe shumë më tepër.
Për shembull, le të krijoni një faqe web quajtur këtu CSS0 që përfaqëson një
home page për, të themi, John Harvard.
>> Në këtë faqe, ne do të kemi John Harvard-së emrin, nëpër të cilat do të jenë të
një mesazh i mirë për vizitorët e tij, nën e cila do të jetë një futboll, me
thonë, disa informacione të drejtën e autorit.
Për ta bërë këtë, le të përcaktojmë tre divizione për faqe duke përdorur një etiketë
quajtur div.
Open div kllapa, John Harvard, në afërsi div parantezë, një tjetër div hapur kllapa,
dhe tani ne do të specifikojë diçka si, të mirëpritur për faqen time në shtëpi!
Dhe le të mbyllur këtë div, si.
>> Dhe tani një të tretë dhe të fundit div, të drejtën e autorit.
Vetëm të jetë i zbukuruar, më lejoni të përdorin tani një HTML njësi ekonomike, një simbol që përfaqëson
një karakter që ju nuk mund të ndryshe shkruani në tastierën tuaj.
Në mënyrë të veçantë, unë jam duke shkuar për të bërë simbol, mina, 169, pikëpresje.
Rezulton se është kodi numerike për simbolin e autorit.
Pastaj le të specifikojë John Harvard këtu në fund.
Le të mbyllë div dhe ruajtur kartelën.
>> Tani, çfarë është ky tag div?
Tag div thjesht përcakton një ndarje të faqes, e cila është në thelb një
Rajoni drejtkëndëshe.
Pra, në këtë moment në kohë, unë kam tre rajonet drejtkëndëshe, e në krye
i tjetri.
Kështu që tani për tani, efekti është pothuajse si pse unë kishte tre paragrafë.
Por ne nuk do të shohim mjaft sa më shumë hapësirë ​​të bardhë në mes tyre.
>> Le të ruani këtë file, të ndryshojë e saj lejet, dhe të marrë një sy për një
moment në Chrome.
Chmod a + r CSS0.html.
Le të hapur deri tani Chrome dhe vizitën http://localhost.CSS0.html.
Në të vërtetë, këtu është një faqe në shtëpi për John Harvard.
Le tani stilizoj atë pak më shumë pikërisht duke përdorur disa CSS.
>> Kthehu në gedit, le të shkojë në këtë tag div parë dhe të shtoni një stil
atribut specifikon që unë do të doja një font size të, të themi, 36 pixels, ose px.
Dhe unë do të doja peshën e këtij shkronjave të jetë i guximshëm dhe jo default,
cila eshte normal.
Për div dytë, le të specifikojë një tjetër atribut stil që ka një
font size të 24 pixels, kështu pak më të vogël.
Kuotat Mbylle pas pikëpresje.
>> Së fundi, në këtë div tretë, le të bëjë Stili i barabartë me madhësinë quote, shkronjave, dhe
le të thonë se 12 pixels këtë kohë.
Mbylle quote pas pikëpresje.
Vini re atëherë që unë duket të ketë specifikuar pak e stilizim për
secili prej ketyre tre divs përdorur, ajo rezulton, CSS.
Në fakt, sintaksë që ju shihni në në mes të këtyre kuotat e dyfishtë është CSS,
në mënyrë specifike css pronat me vlera.
Dhe për këtë tag të parë, ku unë e kisha dy prona të tilla, madhësinë e shkrimit dhe
pesha font, unë thjesht të ndara ata me pikëpresje.
>> Tani, vetëm për hir të STYLE-së, unë pikpresje përfshirë gjithashtu në
në fund të çdo linjë.
Por ata nuk janë të domosdoshme, sidomos kur ju keni vetëm një të tillë
pronës të përcaktuara.
Le tani ruajtur kartelën dhe ringarkoni në Chrome, dhe të shohim se çfarë
Efekti neto është.
Kthehu në Chrome këtu, le të klikoni Rifresko.
>> Tani ne kemi një pak më interesante faqe në shtëpi për Gjoni
Harvard, ku vija e parë me emri i tij, i cili është brenda që
div parë, është 36 pixels i gjatë dhe gjithashtu shkrim me germa të zeza, ku linja e dytë,
cili është në atë INC dytë, është 24 pixels i gjatë, por jo shkrim me germa të zeza.
Dhe ku linjë e tretë në atë të tretën div është 12 pixels i gjatë dhe gjithashtu
jo shkrim me germa të zeza.
Por mendoj tani unë do të doja të zhvendoset gjithë këtë tekst mbi
tillë që është e përqendruar.
>> Mund të lidhur secili i individit divs si duke u përqëndruar.
Por më lehtë, mund ta përfundojë ato tre divs brenda e një div të katërt, një
div prind, mënyrë që të flasin, dhe të përcaktojë se se div dhe të gjithë e saj
pasardhësit duhet të jetë Teksti linjë qendër?
Le të bëjmë një vështrim.
>> Brenda gedit, le të kthehemi në tim Trupi dhe të shtoni një të re div deri lartë me
div, stil është e barabartë quote mbyll thonjëzat Qendra align text, afër
japin kuotën e tyre pas pikëpresje.
Dhe tani, le të shkojnë përpara dhe porosit të gjithë e atyre linjave që ne shtypur para.
Dhe më poshtë se div tretë, le të mbyllur këtë div re.
>> Me fjalë të tjera, për shkak se ata të tre divs origjinale janë tani fëmijët, në mënyrë që të
flasin, të një div të ri prind dhe unë kam specifikuar që unë do të doja të lidhur
Teksti i kësaj div mëmë në qendër e faqes, se prona do të jetë
trashëguar nga të gjithë ata fëmijë.
Në të vërtetë, le të ruajtur kartelën dhe të marrë një sy në një shfletues.
Le të reload në Chrome.
Dhe nuk kemi atë, një edhe nicer faqe në shtëpi për John Harvard.