>> HOPARLÖR: Bu HTML deyil ki çıxır daxili istifadə edə bilərsiniz yalnız dil
bir web page.
Siz CSS deyilən bir şey istifadə edə bilərsiniz və ya Cascading Style Sheets, həmçinin.
CSS daha çox daxil etmək üçün imkan verir bir web dəqiq estetiği
layout və ölçüləri, o cümlədən səhifə və rəng və şriftlər və daha çox.
Misal üçün, bir web page yaratmaq imkan bir təmsil ki, burada deyilən CSS0
John Harvard, demək, ev səhifə.
>> Bu səhifədə biz lazımdır John Harvard nin ad, olacaq altında
onun qonaqlar üçün gözəl bir mesaj, altında olan, bir footer olacaq
, bəzi copyright məlumat deyirlər.
Bunu etmək üçün, üç bölmələrinin müəyyən edək tag istifadə edərək səhifə üçün
div çağırıb.
Open bracket div, John Harvard, yaxın bracket div, başqa bir açıq bracket div,
və indi biz bir şey belirtirsiniz kimi, mənim ana səhifəsinə xoş gəlmisiniz!
Və həmçinin, bu div yaxın qoy.
>> İndi üçüncü və son div, copyright.
Just xülya olmaq, mənə indi bir HTML istifadə edək Müəssisə, təmsil bir simvolu
bir xarakter ki, siz başqa bilmədi klavyenizdeki yazın.
Xüsusilə, mən gedirəm işareti, funt, 169, nöqtəli vergül.
Ki, rəqəmli kodu çıxır müəllif simvolu.
Sonra John Harvard daxil bildirin Burada alt.
Nin div yaxın və faylı edək.
>> İndi bu div tag nədir?
The div tag sadəcə bölgüsü müəyyən mahiyyətcə olan səhifə, bir
düzbucaqlı rayonu.
Belə ki, vaxtında bu anda, mən üç düzbucaqlı rayonlarında, üst bir
digər.
Belə ki, indi üçün, təsiri demək olar ki, kimi Mən üç-ci maddələrdə baxmayaraq.
Amma biz olduqca çox görmək olmaz Onların arasında white space.
>> Dəyişdirmək, bu faylı edək onun icazələrin və bir nəzər
Chrome an.
Chmod a + CSS0.html r.
Chrome və səfər açmaq indi edək http://localhost.CSS0.html.
Həqiqətən, burada bir ev səhifə var John Harvard üçün.
İndi bir az daha stylize edək dəqiq bəzi CSS istifadə edərək.
>> Geri gedit, bu daxil bildirin ilk div tag və bir stil əlavə
Mən istərdim ki, ifadə atribut bir font demək, ölçüsü, 36 piksel, və ya px.
Və mən bu font çəki istərdim deyil default çox cəsarətli olmaq,
olan normal deyil.
İkinci div üçün, daxil bildirin bir var ki, başqa stil atributu
font 24 piksel ölçüsü, belə ki, bir az kiçik.
Nöqtəli vergül sonra Close quotes.
>> Nəhayət, bu üçüncü div ildə, nə edək stil quote, font ölçüsü bərabərdir, və
12 piksel bu dəfə deyirlər.
Nöqtəli vergül sonra Close quote.
Mən görünür ki, sonra bildirək üçün stilləşdirmə müəyyən bir bit
istifadə edərək, bu üç divs hər, Bu, CSS çıxır.
Əslində, siz görürük sintaksis o ikiqat quotes arasında CSS edir
xüsusi xassələri css dəyərləri ilə.
Mən idi ki, ilk tag üçün iki belə xassələri, font ölçüsü və
font çəki, mən sadəcə ayrılmış bir nöqtəli vergül ilə onlara.
>> İndi, yalnız stil naminə, mən də daxil semicolons at
hər xətti sonu.
Lakin onlar ciddi lazım deyilik, Siz yalnız bir var xüsusilə
əmlak müəyyən edilmişdir.
İndi fayl saxlamaq və yenidən bildirin Chrome, və görmək nə
xalis təsir edir.
Geri Chrome burada, nin yenidən yüklə basın bildirin.
>> İndi biz bir az daha maraqlı var John ana səhifə
Harvard ilə qovuşdurmağımız ilk line ki, daxilində olan, onun adı,
ilk div, həmçinin 36 piksel hündür və yarımqara vasitəsi ikinci xətt
ikinci div olan, 24 hündür, lakin boldface piksel.
Və vasitəsi üçüncü üçüncü line div də 12 piksel hündür və
yarımqara deyil.
Amma indi güman I keçmək istərdim bu bütün mətni
mərkəzi ki, bu cür.
>> Mən fərdi hər align bilər mərkəzi kimi DIVs.
Amma daha asan, mən o bükmək bilər dördüncü div daxilində üç divs, bir
valideyn div, belə ki, danışmaq, və müəyyən etmək üçün ki, div və bütün onun
nəslindən olmalıdır mətn mərkəzi aligned?
Bir nəzər salaq.
>> Gedit daxilində, nin geri gedək mənim bədən və yeni div up üst əlavə edin
div, stil quote dırnağı bağlamaq bərabərdir text align center yaxın
nöqtəli vergül sonra sitat.
İndi, bütün qabaqda və indent gedək biz əvvəl yazdığınız o xətləri.
Və üçüncü div aşağıda, edək Bu yeni div bağlayın.
>> Başqa sözlə, çünki bu üç orijinal divs indi uşaqlar var ki, üçün
yeni ana div, danışmaq və mən var Mən align istədiyiniz göstərilən
mərkəzində valideyn div mətn Səhifənin ki, əmlak olacaq
həmin uşaqların bütün miras.
Həqiqətən, fayl saxlamaq imkan və bir browser bir nəzər.
Nin Chrome yenidən bildirin.
Və biz bunu, daha gözəl var John Harvard ev səhifə.