1 00:00:00,000 --> 00:00:05,660 >> [MUSIC PLAYING] 2 00:00:05,660 --> 00:00:08,740 >> DOUG LLOYD: Bel蓹 ki, bir daha g枚t眉r蓹k video daha bir dil haqq谋nda dan谋艧maq. 3 00:00:08,740 --> 00:00:10,800 Biz CSS haqq谋nda dan谋艧maq laz谋md谋r Bu d蓹f蓹. 4 00:00:10,800 --> 00:00:13,460 脺莽眉n q谋sa, bel蓹 ki, CSS, Cascading Style Sheets, 5 00:00:13,460 --> 00:00:16,149 Biz istifad蓹 bir dili web in艧a zaman. 6 00:00:16,149 --> 00:00:17,190 Bu kimi d眉艧眉n眉n. 7 00:00:17,190 --> 00:00:20,900 HTML t蓹艧kil etm蓹k 眉莽眉n istifad蓹 n蓹 varsa Biz s蓹hif蓹d蓹 qoymaq ist蓹yir蓹m content, 8 00:00:20,900 --> 00:00:25,390 CSS biz 眉mumiyy蓹tl蓹 istifad蓹 al蓹tdir Bizim saytlar谋 baxmaq nec蓹 枚zelle艧tirmek 眉莽眉n, 9 00:00:25,390 --> 00:00:30,410 v蓹 nec蓹 istifad蓹莽i t蓹cr眉b蓹si h蓹qiq蓹t蓹n bizim web il蓹 蓹laq蓹 edir. 10 00:00:30,410 --> 00:00:32,535 >> HTML kimi, CSS deyil bir proqramla艧d谋rma dili. 11 00:00:32,535 --> 00:00:33,451 Bu m蓹ntiq yoxdur. 12 00:00:33,451 --> 00:00:34,595 Bu d蓹yi艧蓹nl蓹rin yoxdur. 13 00:00:34,595 --> 00:00:38,890 Bu h蓹r hans谋 yoxdur C yoxdur ba臒l谋 艧eyi ax谋r. 14 00:00:38,890 --> 00:00:40,150 Bu dizayn dil var. 15 00:00:40,150 --> 00:00:42,810 V蓹 onun sintaksis olduqca sad蓹 v蓹 yaln谋z t蓹svir 16 00:00:42,810 --> 00:00:46,240 nec蓹 elementl蓹ri bizim s蓹hif蓹 m眉蓹yy蓹n HTML var 17 00:00:46,240 --> 00:00:48,190 elementl蓹ri redakt蓹 etm蓹k laz谋md谋r. 18 00:00:48,190 --> 00:00:51,170 Bu m蓹qs蓹dl蓹, siz varsa h蓹l蓹 HTML bizim video seyr 19 00:00:51,170 --> 00:00:53,290 v蓹 ya tan谋mad谋臒谋 HTML 眉mumiyy蓹tl蓹, siz蓹 20 00:00:53,290 --> 00:00:57,430 ki, n蓹z蓹r ed蓹 bil蓹rsiniz CSS ilk, 莽眉nki bu m眉zakir蓹 21 00:00:57,430 --> 00:01:00,700 as谋l谋 gedir HTML b蓹zi bilik. 22 00:01:00,700 --> 00:01:03,740 >> Bel蓹 ki, burada h蓹qiq蓹t蓹n var sad蓹 CSS stil. 23 00:01:03,740 --> 00:01:06,480 Siz he莽 bel蓹 蓹vv蓹l CSS il蓹 proqramla艧d谋r谋lm谋艧, 24 00:01:06,480 --> 00:01:10,624 Siz anlamaq m蓹n olduqca 蓹min蓹m Bu stil d蓹qiq n蓹. 25 00:01:10,624 --> 00:01:11,290 O n蓹 edir? 26 00:01:11,290 --> 00:01:15,470 B蓹li, bizim web orqan谋na m眉raci蓹t b蓹d蓹n tags aras谋nda, s蓹hif蓹 h蓹r 艧ey 27 00:01:15,470 --> 00:01:19,631 Bizim HTML v蓹 bu m眉蓹yy蓹n blue ki, s蓹hif蓹nin fon r蓹ngi. 28 00:01:19,631 --> 00:01:21,130 B蓹li, bu 莽ox sad蓹 stil var. 29 00:01:21,130 --> 00:01:23,269 Bu, h蓹qiq蓹t蓹n 莽ox insan var dostluq dil, CSS. 30 00:01:23,269 --> 00:01:26,560 Bel蓹 ki, 蓹vv蓹l istifad蓹 he莽 etdik, h蓹tta Siz y蓹qin ki, n蓹 tahmin ed蓹 bil蓹r. 31 00:01:26,560 --> 00:01:30,140 茝slind蓹, 蓹g蓹r biz bir s蓹hif蓹, y眉kl蓹n蓹n Bu stil, el蓹 蓹laq蓹dar edildi 32 00:01:30,140 --> 00:01:36,240 Bizim s蓹hif蓹nin background color olard谋 mavi, v蓹 standart a臒 deyil. 33 00:01:36,240 --> 00:01:37,670 >> Bel蓹 ki, nec蓹 biz stil qurmaq edirsiniz? 34 00:01:37,670 --> 00:01:39,700 B蓹li ilk biz var bir selector m眉蓹yy蓹n edir. 35 00:01:39,700 --> 00:01:42,970 Son misal olaraq, ki selector orqan idi. 36 00:01:42,970 --> 00:01:45,050 Sonra biz bir a莽谋q buruq brace v蓹 biz ist蓹yirik 37 00:01:45,050 --> 00:01:48,410 m眉蓹yy蓹n ba艧lamaq niyy蓹tind蓹dir ki selector 眉莽眉n stil. 38 00:01:48,410 --> 00:01:51,800 Q谋vr谋m a艧谋rma aras谋nda, biz yaln谋z 蓹sas d蓹y蓹r c眉t bir siyah谋s谋 var. 39 00:01:51,800 --> 00:01:56,205 茝vv蓹lki d蓹y蓹r c眉t idi background color blue n枚qt蓹li verg眉l, 40 00:01:56,205 --> 00:01:57,830 lakin biz bu daha 莽ox ola bil蓹r. 41 00:01:57,830 --> 00:02:02,330 Siz 莽ox 艧ey t蓹tbiq ola bil蓹r tag ki, selector b蓹d蓹n. 42 00:02:02,330 --> 00:02:05,960 Onlar谋n h蓹r biri bir il蓹 ayr谋l谋r n枚qt蓹li verg眉l v蓹 biz onlar谋n h蓹r biri z蓹ng 43 00:02:05,960 --> 00:02:08,949 b蓹yannam蓹, CSS b蓹yannam蓹. 44 00:02:08,949 --> 00:02:12,410 Biz b眉t眉n 眉slubu biz il蓹 bitti臒inde x眉susi tag m眉raci蓹t etm蓹k ist蓹yir蓹m, 45 00:02:12,410 --> 00:02:15,300 biz yaln谋z bir yekun buruq var stil son bur臒u, 46 00:02:15,300 --> 00:02:19,640 v蓹 biz stil m眉蓹yy蓹n tamamlay谋n x眉susi selector 眉莽眉n. 47 00:02:19,640 --> 00:02:21,341 >> B蓹zi 眉mumi CSS x眉susiyy蓹tl蓹ri hans谋lard谋r? 48 00:02:21,341 --> 00:02:23,590 B蓹li, b蓹lk蓹 qoymaq ist蓹yir蓹m bir 艧ey 蓹traf谋nda bir s蓹rh蓹d. 49 00:02:23,590 --> 00:02:26,850 Siz dem蓹k olar ki, s蓹rh蓹d, ki, 蓹sas olacaq, 50 00:02:26,850 --> 00:02:29,460 v蓹 sonra d蓹y蓹rl蓹r olard谋, n蓹 stil, r蓹ng, eni 51 00:02:29,460 --> 00:02:30,209 Siz olmaq ist蓹yir蓹m. 52 00:02:30,209 --> 00:02:33,530 Bel蓹 ki, stil m枚hk蓹m ola bil蓹r line, bir dotted line, bir berbat x蓹tti, 53 00:02:33,530 --> 00:02:36,020 dal臒al谋 x蓹tt olacaq silsil蓹si line. 54 00:02:36,020 --> 00:02:38,790 B蓹lk蓹 var ist蓹yir蓹m mavi v蓹 ya qara v蓹 ya ya艧谋l ola bil蓹r. 55 00:02:38,790 --> 00:02:41,490 B蓹lk蓹 olmaq ist蓹yir蓹m 1 v蓹 ya 2 v蓹 ya 10 piksel geni艧. 56 00:02:41,490 --> 00:02:43,254 Siz bu 艧eyi b眉t眉n belirtebilirsiniz. 57 00:02:43,254 --> 00:02:46,420 B蓹lk蓹 fon qurmaq ist蓹yir蓹m x眉susi 艧蓹kild蓹 s蓹hif蓹nin r蓹ng. 58 00:02:46,420 --> 00:02:49,215 Biz art谋q q蓹bulu, g枚rd眉m ki, b蓹d蓹n fon mavi olmal谋d谋r. 59 00:02:49,215 --> 00:02:52,080 >> Sonra bir a莽ar s枚z眉 istifad蓹 ed蓹 bil蓹rsiniz, bel蓹 CSS m眉蓹yy蓹n r蓹ng var 60 00:02:52,080 --> 00:02:55,950 ki, onu ya艧谋l, mavi in艧a edilir qara, bilirik ki, 莽ox sad蓹 r蓹ng. 61 00:02:55,950 --> 00:02:59,110 Amma siz d蓹 h蓹r hans谋 bir daxil ed蓹 bil蓹rsiniz Ist蓹diyiniz hex r蓹ng. 62 00:02:59,110 --> 00:03:05,190 R蓹ng m眉蓹yy蓹n edil蓹 bil蓹r Recall 眉莽 hex 蓹d蓹d bir d蓹sti il蓹 63 00:03:05,190 --> 00:03:08,500 0-dan 255, rg v蓹 b 眉莽眉n q谋rm谋z谋, ya艧谋l v蓹 mavi komponenti. 64 00:03:08,500 --> 00:03:10,590 V蓹 bel蓹 ki, biz m眉蓹yy蓹n ed蓹 bil蓹rsiniz biz ist蓹diyiniz h蓹r hans谋 bir r蓹ng, 65 00:03:10,590 --> 00:03:15,520 蓹v蓹zin蓹 mavi v蓹 ya ya艧谋l v蓹 ya qara istifad蓹 ed蓹r蓹k, funt istifad蓹 v蓹 hex sonra alt谋 r蓹q蓹m, 66 00:03:15,520 --> 00:03:18,310 v蓹 biz蓹 ver蓹c蓹k alt谋 r蓹q蓹mli r蓹ng. 67 00:03:18,310 --> 00:03:19,850 Bel蓹 ki, fon r蓹ngi var. 68 00:03:19,850 --> 00:03:21,975 >> Biz d蓹 枚n planda var ad蓹t蓹n r蓹ng, 69 00:03:21,975 --> 00:03:24,140 Sizin s蓹hif蓹 m蓹tni olacaq. 70 00:03:24,140 --> 00:03:28,850 V蓹 eyni bunu ed蓹 bil蓹r 蓹sas s枚z v蓹 ya alt谋 r蓹q蓹mli hex il蓹. 71 00:03:28,850 --> 00:03:32,140 Bel蓹 ki, h蓹r hans谋 bir r蓹ng belirtebilirsiniz siz Sizin s蓹hif蓹 m蓹tn 眉莽眉n ist蓹yir蓹m 72 00:03:32,140 --> 00:03:36,370 x眉susi qar艧谋 fon r蓹ngi, yuxar谋da. 73 00:03:36,370 --> 00:03:39,100 Siz h蓹m莽inin d蓹yi艧dirm蓹k v蓹 m蓹艧臒ul ola bil蓹r font v蓹 yol m蓹tn 74 00:03:39,100 --> 00:03:40,400 s蓹hif蓹 g枚st蓹rilir. 75 00:03:40,400 --> 00:03:42,010 >> Bel蓹 ki, sizin font 枚l莽眉s眉n眉 d蓹yi艧蓹 bil蓹rsiniz. 76 00:03:42,010 --> 00:03:46,320 Siz bel蓹 蓹lav蓹 kimi a莽ar s枚zl蓹r, istifad蓹 ed蓹 bil蓹rsiniz 蓹lav蓹 ki莽ik v蓹 ya ki莽ik xx, v蓹 ya orta, 77 00:03:46,320 --> 00:03:47,660 b枚y眉k, v蓹 s. 78 00:03:47,660 --> 00:03:50,750 Siz sabit xal istifad蓹 ed蓹 bil蓹rsiniz 10 point, 12 point, v蓹 s. 79 00:03:50,750 --> 00:03:55,850 Siz faiz, 80%, 20% istifad蓹 ed蓹 bil蓹rsiniz burada 100% default font edir 80 00:03:55,850 --> 00:03:59,220 ad蓹t蓹n gedir 枚l莽眉s眉, 11 v蓹 ya 12 xal kimi bir 艧ey ola bil蓹r. 81 00:03:59,220 --> 00:04:01,659 V蓹 ya h蓹tta off bazas谋 bil蓹r 茝n son font 枚l莽眉s眉. 82 00:04:01,659 --> 00:04:04,950 Siz yaln谋z bir 艧ey yaz谋b v蓹 bilirsinizs蓹 Bu ki莽ik olmaq 眉莽眉n ist蓹diyiniz n蓹, var 83 00:04:04,950 --> 00:04:08,241 lakin siz bilmir蓹m d蓹qiq n蓹 枚l莽眉s眉 bu, yax艧谋, yaln谋z dem蓹k olar ist蓹yir蓹m, 84 00:04:08,241 --> 00:04:09,330 font 枚l莽眉s眉 ki莽ik. 85 00:04:09,330 --> 00:04:14,344 V蓹 bu, off 蓹sas谋 olacaq yaln谋z yuxar谋da, bu font 枚l莽眉s眉 var. 86 00:04:14,344 --> 00:04:15,760 V蓹 ki莽ik v蓹 ya b枚y眉k 蓹ld蓹 ed蓹 bil蓹rsiniz. 87 00:04:15,760 --> 00:04:18,390 Bel蓹 ki, m眉xt蓹lif bir 莽ox var yollar谋 font 枚l莽眉s眉 m眉蓹yy蓹n etm蓹k. 88 00:04:18,390 --> 00:04:20,690 >> Siz h蓹m莽inin hans谋 daxil ed蓹 bil蓹rsiniz Ist蓹diyiniz font ail蓹. 89 00:04:20,690 --> 00:04:23,360 M眉蓹yy蓹n bir varsa ad谋, bir yol var CSS 90 00:04:23,360 --> 00:04:27,270 Biz bu bar蓹d蓹 dan谋艧maq fikrind蓹 deyilik burada 莽ox x眉susi bir font m眉蓹yy蓹n etm蓹k 91 00:04:27,270 --> 00:04:28,980 v蓹 s蓹hif蓹 onu embed. 92 00:04:28,980 --> 00:04:30,620 Siz h蓹m莽inin 眉mumi adlar谋 istifad蓹 ed蓹 bil蓹rsiniz. 93 00:04:30,620 --> 00:04:33,540 Web t蓹hl眉k蓹siz fonts bir 莽ox var ki, CSS 蓹vv蓹lc蓹d蓹n m眉蓹yy蓹n edilir. 94 00:04:33,540 --> 00:04:36,352 V蓹 Microsoft bir istifad蓹莽i 蓹g蓹r Son 20 ild蓹 Office, 95 00:04:36,352 --> 00:04:38,810 Siz y蓹qin ki, il蓹 tan谋艧 edirik bu web t蓹hl眉k蓹siz fonts bir 莽ox 96 00:04:38,810 --> 00:04:44,640 art谋q, Times New Roman, Arial, , New, G眉rc眉stan, Tahoma, Verdana Courier 97 00:04:44,640 --> 00:04:45,470 v蓹 s. 98 00:04:45,470 --> 00:04:47,170 O b眉t眉n web t蓹hl眉k蓹siz fonts hesab edilir. 99 00:04:47,170 --> 00:04:49,169 V蓹 h蓹qiq蓹t蓹n, part s蓹b蓹b onlar g蓹ldi 100 00:04:49,169 --> 00:04:54,140 h蓹r s蓹hif蓹 web-- etm蓹k 眉莽眉n istifad蓹 edil蓹 idi Bu default giri艧 fonts qurmu艧du 101 00:04:54,140 --> 00:04:58,480 m眉xt蓹lif serifs, v蓹 b眉t眉n bu il蓹 biz daxil deyil font stuff, 102 00:04:58,480 --> 00:05:01,130 lakin bu ad蓹t蓹n Sizin CSS 蓹l莽atan, 103 00:05:01,130 --> 00:05:04,029 siz deyil, h蓹tta ba艧qa fonts m眉蓹yy蓹n edir. 104 00:05:04,029 --> 00:05:07,070 N蓹hay蓹t, sizin m蓹tn align bil蓹r, Bu olan 蓹v蓹zin蓹, ismar谋clar谋 aligned edir 105 00:05:07,070 --> 00:05:09,310 sol, siz ola bil蓹r sa臒 眉莽眉n align, 106 00:05:09,310 --> 00:05:13,740 v蓹 ya onu m蓹rk蓹zi align, v蓹 ya ed蓹 bil蓹r Bu, h蓹m d蓹 qaydalar谋ndan edib ki, haql谋. 107 00:05:13,740 --> 00:05:16,800 O Bel蓹 ki, istifad蓹 ed蓹 bil蓹rsiniz b眉t眉n variantlar谋 m蓹tn kimi g枚r眉n眉r n蓹 d蓹yi艧dirm蓹k 眉莽眉n, 108 00:05:16,800 --> 00:05:20,120 v蓹 sizin s蓹hif蓹 nec蓹 n眉mayi艧. 109 00:05:20,120 --> 00:05:22,180 >> Sizin se莽iciler deyil tags yaln谋z olmal谋d谋r. 110 00:05:22,180 --> 00:05:25,539 Biz 蓹vv蓹ll蓹r bir b蓹d蓹n tag g枚rd眉m selector, v蓹 tag selector 111 00:05:25,539 --> 00:05:26,580 yaln谋z kimi baxmaq deyil. 112 00:05:26,580 --> 00:05:30,020 Siz sonra bir tag ad谋 v蓹 ki tag 眉莽眉n bir stil m眉蓹yy蓹n edir. 113 00:05:30,020 --> 00:05:32,660 Amma siz d蓹 bir 艧ey ed蓹 bil蓹rsiniz 艧蓹xsiyy蓹t selector 莽a臒谋r谋b. 114 00:05:32,660 --> 00:05:34,390 An ID selector olduqca ox艧ar g枚r眉n眉r. 115 00:05:34,390 --> 00:05:38,100 Amma indi istifad蓹 deyil蓹m ki, qeyd HTML tag, m蓹n bu halda, istifad蓹 edir蓹m 116 00:05:38,100 --> 00:05:40,720 #unique, v蓹 ya unikal hash. 117 00:05:40,720 --> 00:05:42,930 Siz geri 蓹g蓹r bizim HTML video, dan谋艧d谋q 118 00:05:42,930 --> 00:05:45,620 tags atributlar谋 ola bil蓹r nec蓹 haqq谋nda. 119 00:05:45,620 --> 00:05:48,340 >> V蓹 bir atributu ki t蓹tbiq olduqca 莽ox b眉t眉n HTML tags, 120 00:05:48,340 --> 00:05:51,440 lakin biz bu bar蓹d蓹 dan谋艧maq deyil, 艧蓹xsiyy蓹t tag deyil蓹n bir 艧ey var. 121 00:05:51,440 --> 00:05:55,250 Bel蓹 ki, bu CSS ki yaln谋z var HTML tag m眉raci蓹t 122 00:05:55,250 --> 00:05:58,530 莽ox x眉susi bir ID, adl谋 etdik ki. 123 00:05:58,530 --> 00:06:01,000 茝g蓹r haradasa varsa Sizin kodu, haradasa 124 00:06:01,000 --> 00:06:06,090 HTML fayl, tag v蓹 siz ki, tag bir atributu kimi m眉蓹yy蓹n, 125 00:06:06,090 --> 00:06:09,060 ID, bu unikal b蓹rab蓹rdir x眉susi stil 126 00:06:09,060 --> 00:06:15,030 Burada yaln谋z aras谋nda m眉raci蓹t ed蓹c蓹k unikal ID il蓹 tag. 127 00:06:15,030 --> 00:06:17,180 >> Siz h蓹m莽inin bir 艧ey ed蓹 bil蓹rsiniz bir sinif selector 莽a臒谋r谋b. 128 00:06:17,180 --> 00:06:19,920 Olan 蓹lav蓹 So ID siz d蓹 ed蓹 bil蓹rsiniz, atributlar谋 129 00:06:19,920 --> 00:06:23,130 HTML tags bir sinif atributu 蓹lav蓹 edin. 130 00:06:23,130 --> 00:06:27,140 V蓹 bir sinif atributu istifad蓹 ed蓹rk蓹n, bird蓹n 莽ox tags t蓹tbiq oluna bil蓹r. 131 00:06:27,140 --> 00:06:31,880 Bel蓹 ki, bir ne莽蓹 艧ey var ki, 蓹g蓹r , b蓹lk蓹 dem蓹k ox艧ar ist蓹yir蓹m, 132 00:06:31,880 --> 00:06:35,890 a莽谋q tag blah, blah, blah, blah, sinif 艧agirdl蓹ri b蓹rab蓹rdir. 133 00:06:35,890 --> 00:06:38,190 V蓹 sonra bu stil m眉raci蓹t edir蓹m 134 00:06:38,190 --> 00:06:42,041 Onun sinif h蓹r tag t蓹l蓹b蓹l蓹r edir. 135 00:06:42,041 --> 00:06:44,290 Bu halda, biz m眉蓹yy蓹n ediyorum sar谋 fon r蓹ngi, 136 00:06:44,290 --> 00:06:46,706 v蓹 biz qeyri-艧蓹ffafl谋q m眉蓹yy蓹n ist蓹diyiniz biz haqq谋nda dan谋艧maq deyil ki, bir tag edir 137 00:06:46,706 --> 00:06:52,510 lakin nec蓹 艧蓹ffaf il蓹 m蓹艧臒ul bir 艧ey bu halda, 70% edir. 138 00:06:52,510 --> 00:06:54,430 >> 脺莽眉n iki variant var yaz谋 stil. 139 00:06:54,430 --> 00:06:56,680 Siz onlar谋 yaza bil蓹rsiniz birba艧a HTML 140 00:06:56,680 --> 00:06:59,690 stil yerl蓹艧dirilm蓹si stil tags aras谋nda. 141 00:06:59,690 --> 00:07:03,850 V蓹 bu stil tags daxilind蓹 getm蓹k web page r蓹hb蓹ri tags. 142 00:07:03,850 --> 00:07:08,240 b蓹lk蓹 daha 莽ox 眉st眉nl眉k yol etm蓹k Bu ayr谋-ayr谋 .css fayl yazmaq 眉莽眉n, 143 00:07:08,240 --> 00:07:12,360 v蓹 sonra daxil link link tags istifad蓹 s蓹n蓹d. 144 00:07:12,360 --> 00:07:14,690 Link tags, yen蓹 var hiperlink f蓹rqli, 145 00:07:14,690 --> 00:07:16,760 Siz bizim video bir HTML geri 蓹g蓹r. 146 00:07:16,760 --> 00:07:19,030 V蓹 link tags nec蓹 biz ayr谋-ayr谋 fayllar谋 莽蓹kin. 147 00:07:19,030 --> 00:07:23,900 Bu n枚v b蓹rab蓹r kimi web proqramla艧d谋rma 眉莽眉n # daxildir. 148 00:07:23,900 --> 00:07:27,140 >> Bel蓹 ki, table.HTML bir n蓹z蓹r salaq. 149 00:07:27,140 --> 00:07:29,380 Siz geri 蓹g蓹r bizim HTML video, m蓹n g枚st蓹rdi 150 00:07:29,380 --> 00:07:32,000 莽ox n眉mun蓹si sad蓹 vurma 151 00:07:32,000 --> 00:07:35,160 olduqca baxd谋 masa 莽irkin v蓹 b蓹lk蓹 var 152 00:07:35,160 --> 00:07:38,650 bir yol il蓹 daha yax艧谋 etm蓹k 眉莽眉n CSS, bu, h蓹qiq蓹t蓹n baxmaq 眉莽眉n 153 00:07:38,650 --> 00:07:41,120 bir vurma kimi daha masa, v蓹 ya bir 艧ey 154 00:07:41,120 --> 00:07:43,730 yaln谋z birlikd蓹 stuck deyil he莽 bir faktiki b枚lg眉s眉 il蓹 155 00:07:43,730 --> 00:07:45,532 sat谋r ve s眉tun aras谋nda. 156 00:07:45,532 --> 00:07:47,490 Bel蓹 ki, 眉z蓹rind蓹 r蓹hb蓹rlik ed蓹k CS50 IDE v蓹 n蓹z蓹r 157 00:07:47,490 --> 00:07:50,780 CSS, sort, 莽imdik bil蓹r nec蓹 biz 蓹vv蓹l il蓹 ba艧lad谋, 158 00:07:50,780 --> 00:07:53,290 v蓹 bir 莽ox daha yax艧谋 bir 艧ey etm蓹k. 159 00:07:53,290 --> 00:07:55,650 >> Bel蓹likl蓹, biz CS50 IDE ist蓹yirik indi v蓹 tan谋mad谋臒谋 halda, 160 00:07:55,650 --> 00:07:58,710 biz bu qoparmaq laz谋md谋r masa HTML s蓹hif蓹 ki. 161 00:07:58,710 --> 00:08:01,090 Table.HTML 蓹sas蓹n yaln谋z m蓹zmunu m眉蓹yy蓹n 162 00:08:01,090 --> 00:08:05,044 bir multiple-- o olmaq idi D枚rd d枚rd vurma masa. 163 00:08:05,044 --> 00:08:06,210 Bu olduqca sad蓹. 164 00:08:06,210 --> 00:08:09,410 V蓹 biz bu olard谋 ki, hesab edir蓹m ki, olduqca yax艧谋 t蓹艧kil baxmaq. 165 00:08:09,410 --> 00:08:15,277 茝slind蓹, biz bu s蓹hif蓹 枚nizleme zaman, Biz bu c眉r 莽irkin, do臒ru ki, g枚r蓹c蓹ksiniz? 166 00:08:15,277 --> 00:08:16,860 Ayd谋nd谋r ki, biz burada sat谋r ve s眉tun var. 167 00:08:16,860 --> 00:08:18,350 Orada ayr谋lmas谋 bir n枚v. 168 00:08:18,350 --> 00:08:20,040 Amma bir m蓹nal谋 ayr谋l谋q deyil. 169 00:08:20,040 --> 00:08:23,105 Biz, h蓹qiq蓹t蓹n, 蓹ld蓹 deyilik Burada 莽ox m蓹lumat. 170 00:08:23,105 --> 00:08:25,730 Aras谋nda he莽 bir ayr谋l谋q yoxdur bax谋m谋ndan sat谋r ve s眉tun 171 00:08:25,730 --> 00:08:28,460 眉f眉qi v蓹 ya 艧aquli qaydalar谋. 172 00:08:28,460 --> 00:08:31,530 Biz y蓹qin ki, bu ed蓹 bil蓹r daha yax艧谋 bir az baxmaq. 173 00:08:31,530 --> 00:08:32,934 Bel蓹 ki, c蓹hd ed蓹k. 174 00:08:32,934 --> 00:08:34,559 Bel蓹 ki, m蓹n burada bu ni艧an谋 yax谋n gedir蓹m. 175 00:08:34,559 --> 00:08:37,434 V蓹 M蓹n table.HTML yax谋n gedir蓹m v蓹 m蓹n burada ba艧qa bir versiyas谋 var 176 00:08:37,434 --> 00:08:39,490 table2.HTML 莽a臒谋r谋b. 177 00:08:39,490 --> 00:08:40,655 Biz bu a莽maq laz谋md谋r. 178 00:08:40,655 --> 00:08:42,530 S蓹hif蓹nin orqan谋d谋r olduqca 莽ox eyni, 179 00:08:42,530 --> 00:08:44,238 amma d蓹yi艧ib etdik 眉st az. 180 00:08:44,238 --> 00:08:47,132 M蓹n burada diyirl蓹yin laz谋md谋r. 181 00:08:47,132 --> 00:08:49,340 M蓹n ki, bu d蓹f蓹 ed蓹k 蓹laq蓹dar stil tags istifad蓹. 182 00:08:49,340 --> 00:08:53,550 M蓹n bir stil tag a莽谋ld谋 etdik v蓹 m蓹n art谋q Ben yaln谋z daxilind蓹 CSS stil m眉蓹yy蓹n 183 00:08:53,550 --> 00:08:54,310 Bunun. 184 00:08:54,310 --> 00:08:56,310 M蓹n masa deyir ki, bir stil var. 185 00:08:56,310 --> 00:08:58,170 Bu m蓹nim tag selector var. 186 00:08:58,170 --> 00:09:01,340 M蓹n n枚qt蓹 v蓹 ya hash istifad蓹 deyil蓹m, M蓹n I 蓹g蓹r bunu olunacaq 187 00:09:01,340 --> 00:09:03,710 ID v蓹 ya bir sinif selector istifad蓹 etdi. 188 00:09:03,710 --> 00:09:06,190 M蓹n bir tag selector burada masa var. 189 00:09:06,190 --> 00:09:10,090 Bu stil gedir h蓹r masa tag t蓹tbiq edilir. 190 00:09:10,090 --> 00:09:14,950 G枚r眉n眉r M蓹n bir qoymaq ist蓹yir蓹m geni艧 pixel, b蓹rk mavi s蓹rh蓹d, 191 00:09:14,950 --> 00:09:15,779 M蓹nim masa daxilind蓹. 192 00:09:15,779 --> 00:09:18,320 Bu kimi y蓹qin ki, s蓹sl蓹nir sa臒, v蓹ziyy蓹t k枚m蓹k? 193 00:09:18,320 --> 00:09:20,320 Biz olacaq h蓹r 艧eyi 莽ox yax艧谋 baxmaq. 194 00:09:20,320 --> 00:09:21,190 Bel蓹 ki, bu yax艧谋d谋r. 195 00:09:21,190 --> 00:09:23,540 Stylistically, M蓹n yaln谋z var burada m蓹nim stil 蓹laq蓹dar. 196 00:09:23,540 --> 00:09:25,100 Bu, 蓹lb蓹tt蓹, bir var bunu m蓹qbul yoldur. 197 00:09:25,100 --> 00:09:26,391 Bu kimi g枚r眉n眉r n蓹 ed蓹k. 198 00:09:26,391 --> 00:09:29,790 Bel蓹likl蓹, m蓹n a艧a臒谋 burada geri getm蓹k v蓹 laz谋md谋r M蓹n table2.HTML 枚nizleme ed蓹c蓹yik. 199 00:09:29,790 --> 00:09:32,430 200 00:09:32,430 --> 00:09:36,470 Yax艧谋, ki, m蓹n n蓹 ist蓹diyini 莽ox deyil lakin biz xahi艧 d蓹qiq n蓹. 201 00:09:36,470 --> 00:09:39,530 Biz bu stil bildirib ki, Bizim masa m眉raci蓹t etm蓹k niyy蓹tind蓹dir. 202 00:09:39,530 --> 00:09:43,810 Bizim masa indi bir pixel var onun 蓹traf谋nda geni艧, m枚hk蓹m mavi s蓹rh蓹d. 203 00:09:43,810 --> 00:09:46,237 Biz, h蓹qiq蓹t蓹n, 蓹ld蓹 deyilik masa h眉ceyr蓹l蓹ri. 204 00:09:46,237 --> 00:09:47,570 Biz yaln谋z masada 蓹ld蓹 edirik. 205 00:09:47,570 --> 00:09:49,310 Bel蓹 ki, CSS 莽al谋艧m谋艧d谋r. 206 00:09:49,310 --> 00:09:51,890 Bu t蓹tbiq bir Bizim masa stil. 207 00:09:51,890 --> 00:09:53,981 Lakin kifay蓹t q蓹d蓹r etm蓹di n蓹 biz bunu ist蓹yirdim. 208 00:09:53,981 --> 00:09:55,730 Biz n蓹 almaq nec蓹 n蓹 biz bunu ist蓹yirsiniz? 209 00:09:55,730 --> 00:09:59,287 >> Yax艧谋, bir daha n蓹z蓹r salaq table3.HTML bu versiyas谋. 210 00:09:59,287 --> 00:10:00,870 Bel蓹likl蓹, m蓹n yaln谋z bu Ni艧anlar yax谋n gedir蓹m. 211 00:10:00,870 --> 00:10:03,890 M蓹n burada geri 眉z蓹rind蓹 getm蓹k 眉莽眉n gedir蓹m m蓹nim a臒ac fayl v蓹 table3.HTML a莽maq. 212 00:10:03,890 --> 00:10:07,680 213 00:10:07,680 --> 00:10:10,350 Yen蓹, bu, olduqca baxmaq olacaq burada ba艧谋nda b蓹nz蓹r. 214 00:10:10,350 --> 00:10:14,460 Ancaq x蓹b蓹rdarl谋q, bu d蓹f蓹 yerin蓹 istifad蓹 orada 蓹laq蓹dar bir stil, 215 00:10:14,460 --> 00:10:18,870 M蓹n bir ke莽id gedir蓹m link tag istifad蓹 stil. 216 00:10:18,870 --> 00:10:22,480 Bel蓹likl蓹, m蓹n y蓹qin birl蓹艧dir蓹n al谋ram tables.CSS adl谋 stil, 217 00:10:22,480 --> 00:10:25,090 v蓹 bu yax艧谋 b蓹rab蓹rdir stil yaln谋z, yax艧谋 means-- 218 00:10:25,090 --> 00:10:28,645 Bu fayl nisbi n蓹 etdikl蓹rini v蓹 n蓹 M蓹n deyil蓹m bir stil var 蓹m蓹lind蓹ndir deyil蓹m 219 00:10:28,645 --> 00:10:29,821 M蓹nim s蓹hif蓹 眉莽眉n istifad蓹. 220 00:10:29,821 --> 00:10:32,320 M蓹n, h蓹qiq蓹t蓹n, n蓹 g枚rm蓹k ist蓹yirsinizs蓹 Bel蓹 ki, M蓹n burada CSS edir蓹m 221 00:10:32,320 --> 00:10:35,010 Hesab edir蓹m ki, a莽谋q getm蓹k laz谋md谋r table.CSS h蓹m莽inin fayl. 222 00:10:35,010 --> 00:10:37,490 Bel蓹likl蓹, biz burada art谋q geri getm蓹k laz谋md谋r daha fayl a臒ac. 223 00:10:37,490 --> 00:10:38,660 Table.CSS var. 224 00:10:38,660 --> 00:10:40,490 Biz bunu a莽谋q pop laz谋md谋r. 225 00:10:40,490 --> 00:10:43,070 陌ndi biz CSS bir az g枚rd眉kd蓹. 226 00:10:43,070 --> 00:10:45,630 G枚r眉n眉r, m蓹n bir ne莽蓹 var 艧eyi burada davam. 227 00:10:45,630 --> 00:10:48,950 M蓹n y蓹qin be艧 qoymaq ist蓹yir蓹m geni艧 pixel, b蓹rk q谋rm谋z谋 s蓹rh蓹d, 228 00:10:48,950 --> 00:10:50,287 M蓹nim masa 蓹traf谋nda. 229 00:10:50,287 --> 00:10:52,870 Biz art谋q olacaq bilirik ki, yaln谋z perimetri getm蓹k 眉莽眉n. 230 00:10:52,870 --> 00:10:56,180 Biz table2.HTML ki, g枚rd眉m. 231 00:10:56,180 --> 00:10:58,770 H蓹r bir s谋ra, m蓹n y蓹qin ifad蓹 etm蓹k ist蓹yir蓹m 232 00:10:58,770 --> 00:11:01,950 ki, c蓹rg蓹 boyu 50 piksel y眉ks蓹k. 233 00:11:01,950 --> 00:11:05,680 Bel蓹 ki, h蓹r c蓹rg蓹 眉莽眉n, xat谋rlay谋ram ki, tr tag n蓹 var 234 00:11:05,680 --> 00:11:08,550 M蓹n 50 piksel y眉ks蓹k edilm蓹si al谋ram. 235 00:11:08,550 --> 00:11:09,804 >> N蓹hay蓹t, m蓹n bu 艧蓹rh yoxdur. 236 00:11:09,804 --> 00:11:11,470 V蓹 bu CSS 艧蓹rh etm蓹k nec蓹. 237 00:11:11,470 --> 00:11:16,174 Bu blok tutmaq 眉莽眉n 莽ox ox艧ar 艧蓹rh syntax 莽izgi star. 238 00:11:16,174 --> 00:11:17,090 Ist蓹diyiniz b眉t眉n m蓹tn. 239 00:11:17,090 --> 00:11:19,470 He莽 bir 莽izgi 莽izgi CSS olsa var. 240 00:11:19,470 --> 00:11:23,400 Q谋sa inline 艧蓹rh, biz Burada bu format istifad蓹 etm蓹k. 241 00:11:23,400 --> 00:11:26,830 M蓹n edir蓹m kimi g枚r眉n眉r M蓹nim td tags 艧eyi var. 242 00:11:26,830 --> 00:11:29,710 Td tags, v蓹 ya masa saxla h蓹qiq蓹t蓹n, yaln谋z var data, 243 00:11:29,710 --> 00:11:32,210 daxilind蓹 s眉tun Bizim sat谋rlar, v蓹 y蓹qin 244 00:11:32,210 --> 00:11:35,090 m蓹lumatlar谋n h蓹r par莽a 眉莽眉n M蓹nim masa, m蓹n ist蓹yir蓹m 245 00:11:35,090 --> 00:11:38,850 fon r蓹ngi t蓹yin etm蓹k 眉莽眉n qara, r蓹ng, a臒 olmaq 246 00:11:38,850 --> 00:11:40,320 r蓹ng 枚n r蓹ng deyil. 247 00:11:40,320 --> 00:11:42,360 Bel蓹 ki, bu olacaq m蓹nim s蓹hif蓹 m蓹tn. 248 00:11:42,360 --> 00:11:45,140 M蓹n b枚y眉k font 22 ist蓹yir蓹m font qeyd v蓹 m蓹n ist蓹yir蓹m 249 00:11:45,140 --> 00:11:47,001 Bu, font ail蓹 Georgia olmal谋d谋r. 250 00:11:47,001 --> 00:11:48,750 Bel蓹likl蓹, m蓹n fikrind蓹 deyil蓹m default font var. 251 00:11:48,750 --> 00:11:51,820 M蓹n G眉rc眉stan, m眉蓹yy蓹n etm蓹k 眉莽眉n gedir蓹m olan bu web t蓹hl眉k蓹siz 艧riftl蓹ri biridir 252 00:11:51,820 --> 00:11:53,830 biz 蓹vv蓹l g枚rd眉m ki. 253 00:11:53,830 --> 00:11:57,284 M蓹n m蓹tn aligned etm蓹k ist蓹yir蓹m M蓹rk蓹zl蓹艧dirilmi艧 qutusu ortas谋nda, 254 00:11:57,284 --> 00:11:59,450 M蓹n t蓹rk etm蓹k ist蓹mir蓹m aligned v蓹 ya sa臒 aligned edir. 255 00:11:59,450 --> 00:12:03,461 M蓹n s眉tun geni艧liyi ist蓹yir蓹m geni艧 el蓹c蓹 d蓹 50 piksel olmal谋d谋r. 256 00:12:03,461 --> 00:12:05,210 Nin bir n蓹z蓹r salaq bu kimi g枚r眉n眉r n蓹, 257 00:12:05,210 --> 00:12:07,470 Bu b蓹lk蓹 bir inki艧af 蓹g蓹r bax谋n. 258 00:12:07,470 --> 00:12:12,890 Bel蓹likl蓹, m蓹n table3.HTML, getm蓹k 眉莽眉n gedir蓹m olan geri, bir ke莽id kimi table.CSS daxildir 259 00:12:12,890 --> 00:12:14,830 v蓹 biz 枚nizleme bil蓹rsiniz. 260 00:12:14,830 --> 00:12:16,800 Bu do臒ru, bir 莽ox daha yax艧谋d谋r? 261 00:12:16,800 --> 00:12:20,004 Bu, h蓹qiq蓹t蓹n bir baxmaq ba艧lay谋r daha vurma masa kimi 莽ox. 262 00:12:20,004 --> 00:12:21,920 Hesab edir蓹m ki, q谋rm谋z谋 s蓹rh蓹d var M蓹nim masa 蓹traf谋nda amma indi 263 00:12:21,920 --> 00:12:26,700 M蓹n d蓹 ki, belirtti臒iniz h蓹r bir sat谋r, 50 piksel geni艧 264 00:12:26,700 --> 00:12:30,220 v蓹 ya tall-- b蓹han蓹 50 piksel var me-- h蓹r s眉tun 50 piksel geni艧dir. 265 00:12:30,220 --> 00:12:34,251 H蓹r s眉tun data, yaln谋z v蓹 yaln谋z data, qara fon var. 266 00:12:34,251 --> 00:12:36,000 Bel蓹 ki, niy蓹 o var a臒 x蓹tl蓹ri var. 267 00:12:36,000 --> 00:12:38,836 Space 脟眉nki o h眉ceyr蓹l蓹ri b眉t眉n aras谋nda, 268 00:12:38,836 --> 00:12:40,710 bu bir s蓹rh蓹d deyil v蓹 枚z眉, yaln谋z var 269 00:12:40,710 --> 00:12:43,170 M蓹n yaln谋z doldurulmas谋 al谋ram h眉ceyr蓹l蓹ri, h蓹qiq蓹t蓹n olan 270 00:12:43,170 --> 00:12:46,310 masa s蓹rh蓹dl蓹ri, edir G枚r眉n眉r, b眉t眉n birlikd蓹 m枚vcud idi 271 00:12:46,310 --> 00:12:47,887 yaln谋z nazik a臒 x蓹tl蓹r idi. 272 00:12:47,887 --> 00:12:48,720 陌ndi onlar g枚r眉n蓹n ist蓹yirik. 273 00:12:48,720 --> 00:12:50,380 陌ndi onlar ekranda off pop. 274 00:12:50,380 --> 00:12:52,920 V蓹 bu 莽ox sad蓹 M蓹n m眉raci蓹t etdik stil, 275 00:12:52,920 --> 00:12:56,850 v蓹 indi m蓹nim masa daha 莽ox kimi bir 莽ox g枚r眉n眉r D枚rd d枚rd t蓹r蓹find蓹n vurma masa, 276 00:12:56,850 --> 00:13:00,950 蓹v蓹zin蓹 yaln谋z jumbled mess, bu h蓹r 艧ey ayd谋n sat谋r ve s眉tun var, 277 00:13:00,950 --> 00:13:03,717 lakin super yax艧谋 t蓹艧kil. 278 00:13:03,717 --> 00:13:06,800 Biz, h蓹qiq蓹t蓹n, yaln谋z s蓹thi kaz谋ma edirik Burada CSS il蓹 n蓹 ed蓹. 279 00:13:06,800 --> 00:13:10,330 Xo艧b蓹xtlikd蓹n CSS s蓹n蓹dl蓹r olduqca sad蓹 deyil. 280 00:13:10,330 --> 00:13:14,000 Siz bir ne莽蓹 istifad蓹 ed蓹c蓹yik onun kifay蓹t q蓹d蓹r tez-tez atributlar谋. 281 00:13:14,000 --> 00:13:16,087 biz dan谋艧d谋q olanlar bu video. 282 00:13:16,087 --> 00:13:18,170 Siz bir ne莽蓹 var y蓹qin ki, b眉t眉n istifad蓹 ed蓹c蓹k. 283 00:13:18,170 --> 00:13:19,469 V蓹 莽ox g枚z蓹l var. 284 00:13:19,469 --> 00:13:22,010 Amma yaln谋z bir var ki, bilirik Orada s蓹n蓹dl蓹rin 莽ox. 285 00:13:22,010 --> 00:13:25,110 Bel蓹 ki, biz h蓹r 艧eyi 蓹hat蓹 etm蓹yib, h蓹tta, Siz 蓹lb蓹tt蓹 ki, 枚z sol deyilik. 286 00:13:25,110 --> 00:13:26,780 Amma CSS h蓹qiq蓹t蓹n fun il蓹 s谋na臒a. 287 00:13:26,780 --> 00:13:29,040 M蓹n g眉cl眉 tavsiye ederim Web pages il蓹 蓹traf谋nda oynamaq 眉莽眉n, 288 00:13:29,040 --> 00:13:32,180 v蓹 onlar谋 ed蓹 bil蓹rsiniz nec蓹 baxmaq v蓹 istifad蓹莽i yax艧谋la艧d谋r谋lmas谋 眉莽眉n hiss 289 00:13:32,180 --> 00:13:34,790 Sizin page ziyaret t蓹cr眉b蓹si. 290 00:13:34,790 --> 00:13:35,710 M蓹n Doug Lloyd edir蓹m. 291 00:13:35,710 --> 00:13:37,980 Bu CS50 edir. 292 00:13:37,980 --> 00:13:40,151