1 00:00:00,000 --> 00:00:00,290 2 00:00:00,290 --> 00:00:03,310 >> HOPARLÖR: Bu HTML deyil ki çıxır daxili istifadə edə bilərsiniz yalnız dil 3 00:00:03,310 --> 00:00:03,895 bir web page. 4 00:00:03,895 --> 00:00:08,100 Siz CSS deyilən bir şey istifadə edə bilərsiniz və ya Cascading Style Sheets, həmçinin. 5 00:00:08,100 --> 00:00:12,120 CSS daha çox daxil etmək üçün imkan verir bir web dəqiq estetiği 6 00:00:12,120 --> 00:00:16,930 layout və ölçüləri, o cümlədən səhifə və rəng və şriftlər və daha çox. 7 00:00:16,930 --> 00:00:20,820 Misal üçün, bir web page yaratmaq imkan bir təmsil ki, burada deyilən CSS0 8 00:00:20,820 --> 00:00:22,740 John Harvard, demək, ev səhifə. 9 00:00:22,740 --> 00:00:25,480 >> Bu səhifədə biz lazımdır John Harvard nin ad, olacaq altında 10 00:00:25,480 --> 00:00:28,500 onun qonaqlar üçün gözəl bir mesaj, altında olan, bir footer olacaq 11 00:00:28,500 --> 00:00:30,590 , bəzi copyright məlumat deyirlər. 12 00:00:30,590 --> 00:00:34,650 Bunu etmək üçün, üç bölmələrinin müəyyən edək tag istifadə edərək səhifə üçün 13 00:00:34,650 --> 00:00:35,670 div çağırıb. 14 00:00:35,670 --> 00:00:43,880 Open bracket div, John Harvard, yaxın bracket div, başqa bir açıq bracket div, 15 00:00:43,880 --> 00:00:48,330 və indi biz bir şey belirtirsiniz kimi, mənim ana səhifəsinə xoş gəlmisiniz! 16 00:00:48,330 --> 00:00:50,420 Və həmçinin, bu div yaxın qoy. 17 00:00:50,420 --> 00:00:53,700 >> İndi üçüncü və son div, copyright. 18 00:00:53,700 --> 00:00:58,250 Just xülya olmaq, mənə indi bir HTML istifadə edək Müəssisə, təmsil bir simvolu 19 00:00:58,250 --> 00:01:01,140 bir xarakter ki, siz başqa bilmədi klavyenizdeki yazın. 20 00:01:01,140 --> 00:01:07,490 Xüsusilə, mən gedirəm işareti, funt, 169, nöqtəli vergül. 21 00:01:07,490 --> 00:01:10,620 Ki, rəqəmli kodu çıxır müəllif simvolu. 22 00:01:10,620 --> 00:01:14,260 Sonra John Harvard daxil bildirin Burada alt. 23 00:01:14,260 --> 00:01:17,180 Nin div yaxın və faylı edək. 24 00:01:17,180 --> 00:01:18,910 >> İndi bu div tag nədir? 25 00:01:18,910 --> 00:01:21,970 The div tag sadəcə bölgüsü müəyyən mahiyyətcə olan səhifə, bir 26 00:01:21,970 --> 00:01:23,310 düzbucaqlı rayonu. 27 00:01:23,310 --> 00:01:26,850 Belə ki, vaxtında bu anda, mən üç düzbucaqlı rayonlarında, üst bir 28 00:01:26,850 --> 00:01:27,620 digər. 29 00:01:27,620 --> 00:01:30,610 Belə ki, indi üçün, təsiri demək olar ki, kimi Mən üç-ci maddələrdə baxmayaraq. 30 00:01:30,610 --> 00:01:33,490 Amma biz olduqca çox görmək olmaz Onların arasında white space. 31 00:01:33,490 --> 00:01:36,170 >> Dəyişdirmək, bu faylı edək onun icazələrin və bir nəzər 32 00:01:36,170 --> 00:01:37,990 Chrome an. 33 00:01:37,990 --> 00:01:43,040 Chmod a + CSS0.html r. 34 00:01:43,040 --> 00:01:52,440 Chrome və səfər açmaq indi edək http://localhost.CSS0.html. 35 00:01:52,440 --> 00:01:54,630 Həqiqətən, burada bir ev səhifə var John Harvard üçün. 36 00:01:54,630 --> 00:01:59,370 İndi bir az daha stylize edək dəqiq bəzi CSS istifadə edərək. 37 00:01:59,370 --> 00:02:03,510 >> Geri gedit, bu daxil bildirin ilk div tag və bir stil əlavə 38 00:02:03,510 --> 00:02:11,060 Mən istərdim ki, ifadə atribut bir font demək, ölçüsü, 36 piksel, və ya px. 39 00:02:11,060 --> 00:02:15,650 Və mən bu font çəki istərdim deyil default çox cəsarətli olmaq, 40 00:02:15,650 --> 00:02:16,980 olan normal deyil. 41 00:02:16,980 --> 00:02:21,170 İkinci div üçün, daxil bildirin bir var ki, başqa stil atributu 42 00:02:21,170 --> 00:02:25,550 font 24 piksel ölçüsü, belə ki, bir az kiçik. 43 00:02:25,550 --> 00:02:28,410 Nöqtəli vergül sonra Close quotes. 44 00:02:28,410 --> 00:02:33,255 >> Nəhayət, bu üçüncü div ildə, nə edək stil quote, font ölçüsü bərabərdir, və 45 00:02:33,255 --> 00:02:35,340 12 piksel bu dəfə deyirlər. 46 00:02:35,340 --> 00:02:37,280 Nöqtəli vergül sonra Close quote. 47 00:02:37,280 --> 00:02:40,200 Mən görünür ki, sonra bildirək üçün stilləşdirmə müəyyən bir bit 48 00:02:40,200 --> 00:02:43,770 istifadə edərək, bu üç divs hər, Bu, CSS çıxır. 49 00:02:43,770 --> 00:02:47,820 Əslində, siz görürük sintaksis o ikiqat quotes arasında CSS edir 50 00:02:47,820 --> 00:02:50,620 xüsusi xassələri css dəyərləri ilə. 51 00:02:50,620 --> 00:02:53,910 Mən idi ki, ilk tag üçün iki belə xassələri, font ölçüsü və 52 00:02:53,910 --> 00:02:57,290 font çəki, mən sadəcə ayrılmış bir nöqtəli vergül ilə onlara. 53 00:02:57,290 --> 00:02:59,940 >> İndi, yalnız stil naminə, mən də daxil semicolons at 54 00:02:59,940 --> 00:03:00,880 hər xətti sonu. 55 00:03:00,880 --> 00:03:04,270 Lakin onlar ciddi lazım deyilik, Siz yalnız bir var xüsusilə 56 00:03:04,270 --> 00:03:05,580 əmlak müəyyən edilmişdir. 57 00:03:05,580 --> 00:03:08,370 İndi fayl saxlamaq və yenidən bildirin Chrome, və görmək nə 58 00:03:08,370 --> 00:03:11,000 xalis təsir edir. 59 00:03:11,000 --> 00:03:13,470 Geri Chrome burada, nin yenidən yüklə basın bildirin. 60 00:03:13,470 --> 00:03:15,800 >> İndi biz bir az daha maraqlı var John ana səhifə 61 00:03:15,800 --> 00:03:19,000 Harvard ilə qovuşdurmağımız ilk line ki, daxilində olan, onun adı, 62 00:03:19,000 --> 00:03:23,470 ilk div, həmçinin 36 piksel hündür və yarımqara vasitəsi ikinci xətt 63 00:03:23,470 --> 00:03:27,340 ikinci div olan, 24 hündür, lakin boldface piksel. 64 00:03:27,340 --> 00:03:31,500 Və vasitəsi üçüncü üçüncü line div də 12 piksel hündür və 65 00:03:31,500 --> 00:03:32,610 yarımqara deyil. 66 00:03:32,610 --> 00:03:35,380 Amma indi güman I keçmək istərdim bu bütün mətni 67 00:03:35,380 --> 00:03:36,650 mərkəzi ki, bu cür. 68 00:03:36,650 --> 00:03:40,480 >> Mən fərdi hər align bilər mərkəzi kimi DIVs. 69 00:03:40,480 --> 00:03:45,330 Amma daha asan, mən o bükmək bilər dördüncü div daxilində üç divs, bir 70 00:03:45,330 --> 00:03:49,360 valideyn div, belə ki, danışmaq, və müəyyən etmək üçün ki, div və bütün onun 71 00:03:49,360 --> 00:03:52,610 nəslindən olmalıdır mətn mərkəzi aligned? 72 00:03:52,610 --> 00:03:54,120 Bir nəzər salaq. 73 00:03:54,120 --> 00:03:58,510 >> Gedit daxilində, nin geri gedək mənim bədən və yeni div up üst əlavə edin 74 00:03:58,510 --> 00:04:04,460 div, stil quote dırnağı bağlamaq bərabərdir text align center yaxın 75 00:04:04,460 --> 00:04:06,250 nöqtəli vergül sonra sitat. 76 00:04:06,250 --> 00:04:10,280 İndi, bütün qabaqda və indent gedək biz əvvəl yazdığınız o xətləri. 77 00:04:10,280 --> 00:04:15,040 Və üçüncü div aşağıda, edək Bu yeni div bağlayın. 78 00:04:15,040 --> 00:04:18,829 >> Başqa sözlə, çünki bu üç orijinal divs indi uşaqlar var ki, üçün 79 00:04:18,829 --> 00:04:22,110 yeni ana div, danışmaq və mən var Mən align istədiyiniz göstərilən 80 00:04:22,110 --> 00:04:26,140 mərkəzində valideyn div mətn Səhifənin ki, əmlak olacaq 81 00:04:26,140 --> 00:04:28,290 həmin uşaqların bütün miras. 82 00:04:28,290 --> 00:04:32,370 Həqiqətən, fayl saxlamaq imkan və bir browser bir nəzər. 83 00:04:32,370 --> 00:04:34,650 Nin Chrome yenidən bildirin. 84 00:04:34,650 --> 00:04:37,540 Və biz bunu, daha gözəl var John Harvard ev səhifə. 85 00:04:37,540 --> 00:04:39,872