1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [MUSIC PLAYING] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON Buchholtz-AU: Belə ki, Biz əsasən yalnız olacaq 5 00:00:12,224 --> 00:00:14,629 bir rundown vermək CSS, biz bilirik, çünki 6 00:00:14,629 --> 00:00:16,420 Bu əhatə deyil ki, bütün bölmələr. 7 00:00:16,420 --> 00:00:20,090 Və biz, həqiqətən əmin etmək istəyirəm uşaqlar, sizin ixtiyarınızdadır bu alət 8 00:00:20,090 --> 00:00:24,790 Bu etmək imkanı var, çünki Web çox gözəlləşir baxmaq. 9 00:00:24,790 --> 00:00:28,660 >> Və sonra, bir web bina edirsinizsə Siz yəqin ki, bu, olduqca etmək istəyirəm. 10 00:00:28,660 --> 00:00:31,372 Mən demək, siz yoxdur, amma mən təklif edirik. [Gülür] 11 00:00:31,372 --> 00:00:35,430 Istifadəçilər istifadə etmək istəyirsinizsə, bilər bir az [işitilemez] etmək istəyirik. 12 00:00:35,430 --> 00:00:39,130 Beləliklə, biz cəhd və yalnız vermək olacaq bəzi əsas alətləri və anlaşma, 13 00:00:39,130 --> 00:00:42,340 ki, çıxmaq və zaman CSS haqqında hər şeyi tədqiq, 14 00:00:42,340 --> 00:00:45,902 Bu gibberish tam deyil, CSS kimi bəzən olmaq. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS Reimers: Bəli. 16 00:00:47,240 --> 00:00:49,930 Allison olduqca yaxşı bildirib. 17 00:00:49,930 --> 00:00:53,250 Belə ki, ilk şey biz tapmaq CSS nədir ilə başlamaq lazımdır? 18 00:00:53,250 --> 00:00:55,750 Belə ki, CSS zəhmli deyil. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON Buchholtz-AU: var Bizim Seminarın adı. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS Reimers: Bəli. 22 00:00:58,434 --> 00:01:00,130 Bu həqiqətən vacibdir Əgər ki, başa düşürük. 23 00:01:00,130 --> 00:01:03,090 Siz yalnız bir üz alsaq zəhmli əgər bir şey, bu CSS var. 24 00:01:03,090 --> 00:01:06,180 İki CSS dayanır ki, Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Belə ki, onun əsas da, CSS yəni bir stil, 26 00:01:10,380 --> 00:01:13,200 bu bir web page stil üçün imkan verir. 27 00:01:13,200 --> 00:01:16,609 Və sonra o deməkdir ki, nə bu bir yol saytlarda stil əlavə etmək üçün. 28 00:01:16,609 --> 00:01:18,900 Belə ki, stil, biz hər şey demək ki, structural-- deyil 29 00:01:18,900 --> 00:01:24,350 belə ki, rəng kimi şeylər, background images, sərhədləri kimi, padding, 30 00:01:24,350 --> 00:01:25,040 qaydalarından. 31 00:01:25,040 --> 00:01:27,310 Biz haqqında danışmaq lazımdır nə bütün bir az deməkdir. 32 00:01:27,310 --> 00:01:30,110 >> Beləliklə, biz yalnız irəli getdi etdik və gedit o qədər də açdı. 33 00:01:30,110 --> 00:01:32,680 Belə ki, bu index.html edir. 34 00:01:32,680 --> 00:01:34,800 Bu main.css edir. 35 00:01:34,800 --> 00:01:36,829 Belə ki, main.css heç bir şey yoxdur. 36 00:01:36,829 --> 00:01:38,412 ALLISON Buchholtz-AU: bu günə qədər heç bir stil. 37 00:01:38,412 --> 00:01:39,245 TOMAS Reimers: Heç biri. 38 00:01:39,245 --> 00:01:42,577 Siz görəcəksiniz kimi, bu həqiqətən çirkin site. 39 00:01:42,577 --> 00:01:44,160 ALLISON Buchholtz-AU: Bu yalnız düz deyil. 40 00:01:44,160 --> 00:01:45,820 TOMAS Reimers: Bəli. 41 00:01:45,820 --> 00:01:49,150 Bəli, bu, çirkin deyil yalnız minimalist var. 42 00:01:49,150 --> 00:01:53,430 Və sonra biz burada index.html var. 43 00:01:53,430 --> 00:01:55,729 Və belə bir sürətli üçün HTML, Allison recap, 44 00:01:55,729 --> 00:01:57,270 Yalnız səhifə haqqında danışmaq istəyirsiniz? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON Buchholtz-AU: Bəli. 46 00:01:58,395 --> 00:02:01,100 Belə ki, açıq-aydın, biz HTML var tag, yalnız adları HTML fayl. 47 00:02:01,100 --> 00:02:07,080 Biz CSS, burada mövzu var Awesomeness, which-- geri getmək əgər. 48 00:02:07,080 --> 00:02:07,720 Haradadır? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS Reimers: Oh. 50 00:02:09,136 --> 00:02:10,301 Bəli, siz görə bilərsiniz. 51 00:02:10,301 --> 00:02:12,092 ALLISON Buchholtz-AU: Və mövzu qeyd 52 00:02:12,092 --> 00:02:14,120 sağ qədər burada bu nişanı mövzu deyil. 53 00:02:14,120 --> 00:02:17,130 Və sonra "Salam, dünya!" ki, biz yalnız mətn 54 00:02:17,130 --> 00:02:19,620 web tapılanlar geri That səhifə. 55 00:02:19,620 --> 00:02:21,290 Back. 56 00:02:21,290 --> 00:02:24,287 Hansı yalnız bizim bədən deyil düz mətn burada. 57 00:02:24,287 --> 00:02:26,120 Həmçinin, bir şey üçün Burada baxmaq əgər, bildiriş, 58 00:02:26,120 --> 00:02:29,410 Tomas Bu qədər işə Bizim slide iki. 59 00:02:29,410 --> 00:02:32,035 Belə ki, kimi uzun siz bütün kimi Bu üç gözəl istəyirik. 60 00:02:32,035 --> 00:02:34,044 Onlar istədiyiniz hər hansı üçün ola bilər. 61 00:02:34,044 --> 00:02:39,368 Nə çox vacibdir, yalnız ki, bu üç şeyi hər var. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS Reimers: Cool. 63 00:02:40,340 --> 00:02:41,111 A doc növü əlavə? 64 00:02:41,111 --> 00:02:42,235 ALLISON Buchholtz-AU: Bəli. 65 00:02:42,235 --> 00:02:43,068 TOMAS Reimers: Bəli. 66 00:02:43,068 --> 00:02:43,769 Cool. 67 00:02:43,769 --> 00:02:46,102 ALLISON Buchholtz-AU: Görünür, Mənim ÇGKS mənim kimi deyil. 68 00:02:46,102 --> 00:02:49,650 TOMAS Reimers: Oh, yalnız bizə sec vermək Allison onun mikrofon həyata keçir edir. 69 00:02:49,650 --> 00:02:50,500 Belə ki, Bəli. 70 00:02:50,500 --> 00:02:52,030 Belə ki, biz əsas səhifə var. 71 00:02:52,030 --> 00:02:53,890 Bu unstyled növü var. 72 00:02:53,890 --> 00:02:54,780 Biz çox yoxdur. 73 00:02:54,780 --> 00:02:57,110 Biz yalnız əsasən mətn var. 74 00:02:57,110 --> 00:02:59,470 Biz stil var. 75 00:02:59,470 --> 00:03:00,220 Biz adı var. 76 00:03:00,220 --> 00:03:04,020 Belə ki, yalnız-çılpaq sümüklü komponentləri bir web etmək. 77 00:03:04,020 --> 00:03:08,880 >> Belə ki, orada dən edək CSS nə haqqında danışmaq 78 00:03:08,880 --> 00:03:11,270 və bu kimi və bütün görünür. 79 00:03:11,270 --> 00:03:12,047 Belə ki, üçün 80 00:03:12,047 --> 00:03:13,755 ALLISON Buchholtz-AU: Geri slaydlar. 81 00:03:13,755 --> 00:03:15,200 TOMAS Reimers: slaydlar geri. 82 00:03:15,200 --> 00:03:17,240 Və Allison üzərində bilər. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON Buchholtz-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 OK. 85 00:03:19,220 --> 00:03:22,360 Sizin CSS faylı Belə ki, siz olacaq 86 00:03:22,360 --> 00:03:25,010 Bu bir çox şeyi seçiciler çağırıb. 87 00:03:25,010 --> 00:03:27,420 Yalnız olacaq Sizin CSS fayl əsasında. 88 00:03:27,420 --> 00:03:29,480 Bu, sadəcə olacaq çox bu çox. 89 00:03:29,480 --> 00:03:30,780 Belə ki, selector. 90 00:03:30,780 --> 00:03:32,649 Bu yalnız ümumi anatomiya edir. 91 00:03:32,649 --> 00:03:35,190 Biz vasitəsilə getmək olacaq nümunələri, çünki uşaqlar heç vaxt 92 00:03:35,190 --> 00:03:38,400 Mən hiss edirəm, mənim bölmə seyr mücərrəd şeyi kimi 93 00:03:38,400 --> 00:03:39,400 həqiqətən mənası yoxdur. 94 00:03:39,400 --> 00:03:41,110 O, həmişə nümunələri görmək üçün kömək edir. 95 00:03:41,110 --> 00:03:42,420 >> Beləliklə, biz bir selector var. 96 00:03:42,420 --> 00:03:49,120 Ki, bir tanıdan olacaq biz istədiyiniz nə stil müraciət etmək. 97 00:03:49,120 --> 00:03:52,220 Və sonra hər hansı bir ola bilər qaydaları və dəyərləri müəyyən. 98 00:03:52,220 --> 00:03:55,680 Siz görə bilərsiniz seçiciler Belə ki, bədən kimi bir şey ola bilər, 99 00:03:55,680 --> 00:04:00,262 və ya P maddə, və ya header, və ya hər hansı, 100 00:04:00,262 --> 00:04:02,000 hər hansı HTML tags olmaq istəyirəm. 101 00:04:02,000 --> 00:04:03,570 >> Bu halda ki, biz bədən. 102 00:04:03,570 --> 00:04:06,985 Və biz bir qayda var, olan bu uyğundur 103 00:04:06,985 --> 00:04:09,610 nə üçün stil aiddir. 104 00:04:09,610 --> 00:04:12,720 Belə ki, bu halda, biz fon rəngi və font çəki. 105 00:04:12,720 --> 00:04:16,200 Belə ki, bu dəyişikliyə gedir bir şey fon 106 00:04:16,200 --> 00:04:19,640 Bizim HTML fayl hər hansı bir bədən tag daxilində. 107 00:04:19,640 --> 00:04:22,810 Və vermək olacaq Bu mavi dəyəri. 108 00:04:22,810 --> 00:04:24,820 >> Belə ki, etmək olacaq background mavi. 109 00:04:24,820 --> 00:04:28,660 Və sonra bədən ərzində bir şey qalın bir font çəki üçün gedir. 110 00:04:28,660 --> 00:04:31,142 Belə ki, yalnız olacaq Bizim bütün mətni qalın. 111 00:04:31,142 --> 00:04:32,970 Və bu yalnız bir selector edir. 112 00:04:32,970 --> 00:04:34,680 Amma bu çox ola bilər. 113 00:04:34,680 --> 00:04:38,730 Və biz olacaq kimi sonra, bir az daha necə 114 00:04:38,730 --> 00:04:40,709 Orada işlər və daha çox nümunələr etdi. 115 00:04:40,709 --> 00:04:41,750 Əlavə etmək istədiyiniz bir şey? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS Reimers: Xeyr 117 00:04:42,499 --> 00:04:43,500 Allison var. 118 00:04:43,500 --> 00:04:46,144 Biz yalnız bir qədər kəsmək olacaq Burada misal saytda nümunə. 119 00:04:46,144 --> 00:04:47,310 Belə ki, həqiqətən bu götürək. 120 00:04:47,310 --> 00:04:48,620 Bu mükəmməl deyil. 121 00:04:48,620 --> 00:04:54,460 Mən yalnız surəti və yapışdırıb gedirəm Bizim main.css fayla doğru. 122 00:04:54,460 --> 00:04:56,530 Mən bunu saxlamaq üçün gedirəm. 123 00:04:56,530 --> 00:04:59,190 Və sonra biz bunu davam edəcək. 124 00:04:59,190 --> 00:05:01,600 Belə ki, yan qeyd biri Ən sinir bozucu şey 125 00:05:01,600 --> 00:05:04,490 Bir faylı saxlamaq yoxdur, əgər sonra kimi, səhifə yeniden, 126 00:05:04,490 --> 00:05:07,450 və kimi, nə deyil baş dəyişiklik? 127 00:05:07,450 --> 00:05:07,950 Bu olur. 128 00:05:07,950 --> 00:05:14,230 Belə ki, burada biz ki, gördüm bizim bir mavi fon veb 129 00:05:14,230 --> 00:05:16,560 və bir mətn qalın harflerle. 130 00:05:16,560 --> 00:05:20,730 >> Mən də, qeyd etmək lazımdır, əgər uşaqlar bir şey haqqında suallarınız 131 00:05:20,730 --> 00:05:23,622 biz edirik, hiss edin pulsuz dayandıra və bizə xahiş. 132 00:05:23,622 --> 00:05:25,330 Biz tamamilə istediğiniz suallar sahəsində. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> Aydındır ki, ilə: ALLISON Buchholtz-AU CSS, hər şey öz üzərinə qurur. 135 00:05:31,930 --> 00:05:34,107 Bir şey deyil, əgər Belə ki, indi mənada biz 136 00:05:34,107 --> 00:05:35,690 istəmirəm ki, daha sonra aşağı bataqlıq üçün. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS Reimers: Belə edək növ bu yarmaq. 139 00:05:41,930 --> 00:05:44,210 Belə ki, başlamaq istəyirsiniz burada selector ilə? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON Buchholtz-AU: Bəli. 141 00:05:45,979 --> 00:05:48,270 Mən əvvəl deyirdi ki, bədən Burada yalnız bizim selector edir. 142 00:05:48,270 --> 00:05:50,950 Belə ki, biz index-- ah geri üzərində getmək əgər. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS Reimers: Mən yalnız bağladı. 144 00:05:53,245 --> 00:05:54,530 Mənə bir ikinci verin. 145 00:05:54,530 --> 00:05:58,286 Belə ki, index.html, Açıq Fayl. 146 00:05:58,286 --> 00:05:59,410 ALLISON Buchholtz-AU: Cool. 147 00:05:59,410 --> 00:06:02,710 Belə ki, burada qeyd, biz Sağ, bu bədən tags var? 148 00:06:02,710 --> 00:06:06,270 Belə ki, selector yalnız uyğundur Biz söhbət edirik tags. 149 00:06:06,270 --> 00:06:07,670 Burada bədən Belə ki,. 150 00:06:07,670 --> 00:06:10,315 Belə ki, nə deyirdik edirik hər şey biz geri getmək olar? 151 00:06:10,315 --> 00:06:12,065 Mən yalnız isterdim kimi ekran toxunmaq. 152 00:06:12,065 --> 00:06:14,410 Bu, çox soyuq olarıq. 153 00:06:14,410 --> 00:06:17,150 >> O ərzində Belə ki, bir şey gördük bədən tags, 154 00:06:17,150 --> 00:06:19,637 , yalnız kimi, mətn idi və ümumi bədən 155 00:06:19,637 --> 00:06:20,970 kimi, fon aiddir. 156 00:06:20,970 --> 00:06:22,720 Əgər istəyirsinizsə, fon dəyişdirmək, 157 00:06:22,720 --> 00:06:25,090 ki, bir bədən tag olacaq. 158 00:06:25,090 --> 00:06:27,120 Yalnız onlara müraciət bu qaydaları var. 159 00:06:27,120 --> 00:06:32,040 >> Belə ki, biz getmək idi index.html and-- həqiqətən, 160 00:06:32,040 --> 00:06:33,840 biz bir şey ola bilər bədən xaricində? 161 00:06:33,840 --> 00:06:37,340 Biz olsaydı, kimi, footer və ya bir şey, bu tətbiq deyil. 162 00:06:37,340 --> 00:06:40,900 Amma ərzində bir şey Bu bədən tags gedir 163 00:06:40,900 --> 00:06:44,960 Bu orqan tərəfindən təsir biz etdik selector. 164 00:06:44,960 --> 00:06:47,405 Siz yazın əgər Belə ki, başqa bir şey orada 165 00:06:47,405 --> 00:06:49,400 >> TOMAS Reimers: ki ev idarə edək. 166 00:06:49,400 --> 00:06:55,330 Belə ki, əgər ki, biz div-- idi Siz ola bilər yalnız bir tag. 167 00:06:55,330 --> 00:06:56,350 Mən yaxın gedirəm. 168 00:06:56,350 --> 00:06:58,280 Və ya bu paraqraf edək. 169 00:06:58,280 --> 00:07:01,430 Belə ki, p paraqraf üçün dayanır. 170 00:07:01,430 --> 00:07:02,560 Və paraqraf ərzində. 171 00:07:02,560 --> 00:07:05,650 Və sonra mən "Bu mətn." Deyə 172 00:07:05,650 --> 00:07:06,369 Cool. 173 00:07:06,369 --> 00:07:09,160 Və sonra mən bu qayda tətbiq edib əvəzinə bədən bir paraqraf. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Siz yalnız cari necə görürsünüz yeni yaradılmış maddə, sağ, 176 00:07:17,320 --> 00:07:18,892 deyil, bütün şey. 177 00:07:18,892 --> 00:07:20,090 Ki, hissi edirmi? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON Buchholtz-AU: Belə ki, bu bütün bədən deyil, 179 00:07:21,840 --> 00:07:24,450 lakin indi bizim selector yalnız bəndinə uyğundur. 180 00:07:24,450 --> 00:07:27,050 Belə ki, biz yalnız cəsarətli və mavi var Bu xüsusi paraqraf üçün, 181 00:07:27,050 --> 00:07:30,760 Bu, yalnız bir şey, çünki ki, p tag ərzində əlavə edilir. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS Reimers: sort ki, mənada edirmi necə hər şeyi başqa şeylər içine? 183 00:07:35,349 --> 00:07:38,140 ALLISON Buchholtz-AU: Həmçinin, yalnız kimi, ən yaxşı yollarından biri demək 184 00:07:38,140 --> 00:07:40,889 Həqiqətən CSS rahat almaq üçün bu kimi şeylər etmək, 185 00:07:40,889 --> 00:07:42,050 yalnız cəhd edin. 186 00:07:42,050 --> 00:07:46,700 Bu bir şey yazın çox sadə out, Yenile edib və nə görmək. 187 00:07:46,700 --> 00:07:48,940 Və ən CS ilə kimi, təcrübə tez-tez bilərsiniz 188 00:07:48,940 --> 00:07:51,790 daha yaxşı səbəb intuitiv anlaşma. 189 00:07:51,790 --> 00:07:54,432 Hətta daha bizə yalnız, kimi, sizə səslənirəm. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS Reimers: Absolutely 100% nöqtəsində razıyam. 191 00:07:58,350 --> 00:08:02,430 Biz bu getmək əgər Belə ki, başlanğıc olsun Bu iki nə dəqiq nə dissecting. 192 00:08:02,430 --> 00:08:04,550 Beləliklə, biz bu iki qaydaları var. 193 00:08:04,550 --> 00:08:07,420 Belə ki, ilk bir fon rəng deyil. 194 00:08:07,420 --> 00:08:10,590 Və biz bunu müəyyən etdik ki, görəcəksiniz dəyəri, mavi bərabər. 195 00:08:10,590 --> 00:08:15,009 >> Belə ki, CSS, CSS sort haqqında çox boş 196 00:08:15,009 --> 00:08:16,300 Siz rəng müəyyən etmək üçün icazə edirik. 197 00:08:16,300 --> 00:08:17,800 Belə ki, adı ilə onlara müəyyən edə bilərsiniz. 198 00:08:17,800 --> 00:08:20,650 Siz həmçinin kimi bir şey edə bilər "qırmızı". 199 00:08:20,650 --> 00:08:25,270 Və biz bu geri sonra əgər, Siz fon qırmızı olduğunu görəcəksiniz. 200 00:08:25,270 --> 00:08:29,040 Siz həmçinin Mən sizə hesab edirəm ki, həqiqətən əldə edə bilərsiniz Bu olduqca yaradıcı əldə edə bilərsiniz, 201 00:08:29,040 --> 00:08:29,540 Siz bilməz? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON Buchholtz-AU: I Siz hex istifadə edə bilər. 203 00:08:31,170 --> 00:08:31,250 Siz edə bilərəmmi? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS Reimers: Bəli. 205 00:08:32,083 --> 00:08:32,969 Belə ki, hex istifadə edə bilərsiniz. 206 00:08:32,969 --> 00:08:34,490 Amma adı müdrik düşüncə alıram. 207 00:08:34,490 --> 00:08:35,385 Biz var? 208 00:08:35,385 --> 00:08:37,260 ALLISON Buchholtz-AU: Siz bir neçə edə bilərsiniz. 209 00:08:37,260 --> 00:08:43,350 Ən çox rəng kimi olduqca çox siz kimi konseptual mənada adı bilər, mən qızıl biridir. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS Reimers: Biz çalışırıq cəhd qızıl istəyirik. 211 00:08:45,322 --> 00:08:47,530 ALLISON Buchholtz-AU: I Chartreuse var hesab edirəm. 212 00:08:47,530 --> 00:08:48,050 TOMAS Reimers: Bəli. 213 00:08:48,050 --> 00:08:48,550 Bax? 214 00:08:48,550 --> 00:08:50,080 Belə ki, olduqca yaradıcı əldə edə bilərsiniz. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON Buchholtz-AU: Siz olduqca yaradıcı əldə edə bilər. 216 00:08:52,246 --> 00:08:55,750 Kimi, siz hesab edə bilər, əgər rəng adı, orada yəqin ki, var. 217 00:08:55,750 --> 00:08:57,840 Siz, həqiqətən, gözəl istəyirsinizsə ətraflı, siz hex bilərsiniz. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS Reimers: Bəli. 219 00:08:58,673 --> 00:08:59,390 Belə ki, hexadecimal. 220 00:08:59,390 --> 00:09:05,280 Sizlərin bu geri Xatırlayırsınızsa Köhnə PSET olan, Image bərpa, 221 00:09:05,280 --> 00:09:08,300 Sizlərin məşğul idi Bu hex dəyərləri ilə. 222 00:09:08,300 --> 00:09:15,280 Və sort ki, nə recap üçün hex bu saxlanılır üç dəyərləri var. 223 00:09:15,280 --> 00:09:17,250 Belə ki, iki əlavələr qrup var. 224 00:09:17,250 --> 00:09:19,300 İlk iki qırmızı əhəmiyyət kəsb edir. 225 00:09:19,300 --> 00:09:22,420 İkinci biri Yaşıl dəyər. 226 00:09:22,420 --> 00:09:25,020 Və son bir mavi? 227 00:09:25,020 --> 00:09:30,050 >> Belə ki, FF təmsil olur bir hexadecimal 255. 228 00:09:30,050 --> 00:09:35,480 Belə ki, 255 qırmızı, 255 var mavi, yaşıl, və 0. 229 00:09:35,480 --> 00:09:37,670 Və dəyərlər 0 və 255 arasında dəyişir. 230 00:09:37,670 --> 00:09:38,350 >> Auditoriya: Sağ. 231 00:09:38,350 --> 00:09:41,472 Belə ki, mahiyyətcə, biz axtarış edə bilər Biz istədiyiniz hər hansı bir rəng üçün internet, 232 00:09:41,472 --> 00:09:43,912 və həqiqətən tanınmış müəyyən rəng spektri Combo, 233 00:09:43,912 --> 00:09:45,130 və sonra biz onu qoymaq bilər? 234 00:09:45,130 --> 00:09:46,380 ALLISON Buchholtz-AU: Eynilə elə. 235 00:09:46,380 --> 00:09:52,900 Belə ki, olduqca çox tam nəzarət var rəng üzərində CSS ərzində istədiyiniz. 236 00:09:52,900 --> 00:09:55,069 Biz haqqında danışmaq gedir fon şəkilləri sonra? 237 00:09:55,069 --> 00:09:56,110 Yoxsa biz bunu istəyirsiniz? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS Reimers: Bəli. 239 00:09:56,240 --> 00:09:57,010 Tamamilə. 240 00:09:57,010 --> 00:10:00,830 Belə ki, ilk, yalnız göstərir ki, qırmızı və yaşıl, sarı edir. 241 00:10:00,830 --> 00:10:03,120 Və bəzi ehtiyac varsa Bu tapmaq kömək, siz 242 00:10:03,120 --> 00:10:05,575 Google bir şey edə bilərsiniz "rəng seçici." kimi 243 00:10:05,575 --> 00:10:07,200 ALLISON Buchholtz-AU: Oh, belə yaxşı. 244 00:10:07,200 --> 00:10:09,090 Mən Renk Seçici sevirəm. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS Reimers: colorpicker.com yaxşı nümunəsidir. 246 00:10:11,360 --> 00:10:14,580 Və burada, siz var ki, görəcəksiniz tam Photoshop kimi rəng seçici. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON Buchholtz-AU: Mm-hm. 248 00:10:14,920 --> 00:10:16,980 Həmçinin, sərin şeyi sən rəng sxemləri yarada 249 00:10:16,980 --> 00:10:18,896 yoxdur ki, kimi rəng clashing. 250 00:10:18,896 --> 00:10:22,780 TOMAS Reimers: Və sonra burada hex dəyər var. 251 00:10:22,780 --> 00:10:27,800 Beləliklə, siz həmişə əsasən online tapa bilərsiniz yerlərdə olan hex dəyər almaq üçün. 252 00:10:27,800 --> 00:10:31,667 Bu kimi, yalnız sort deyil biz ədəd dünya rəng görmək. 253 00:10:31,667 --> 00:10:34,000 Biz online getmək ki, daha çox və biz istədiyiniz nə rəng tapmaq 254 00:10:34,000 --> 00:10:36,850 və sonra sayı aşağı edir. 255 00:10:36,850 --> 00:10:39,590 Yalnız həqiqətən asandır, çünki yol CS şeyi istinad. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON Buchholtz-AU: Və sonra also-- var 257 00:10:40,350 --> 00:10:41,630 Mən saytın dəqiq adı unutmayın. 258 00:10:41,630 --> 00:10:43,838 Amma mütləq var Mən , Adobe şey hesab edirəm ki, 259 00:10:43,838 --> 00:10:48,350 ki, sizin üçün rəng sxemləri yaradır ki, həqiqətən, sərin çünki 260 00:10:48,350 --> 00:10:50,580 definitely-- bəzən var anlamaq çətin, 261 00:10:50,580 --> 00:10:53,729 oh, mən bu rəngi istifadə etmək istəyirsinizsə, nə bir faydalı bir ola bilər 262 00:10:53,729 --> 00:10:56,395 mənim saytda başqa yerdə istifadə etmək, kimi, bu gözəl və vahid edir. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS Reimers: Allison bəhs Adobe bir Kuler adlı düşünürəm. 265 00:11:04,260 --> 00:11:04,885 Bu K-U-L-E-R var. 266 00:11:04,885 --> 00:11:06,259 ALLISON Buchholtz-AU: Mən belə düşünürəm. 267 00:11:06,259 --> 00:11:07,610 Hesab edirəm ki, biri olduqca əminəm. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS Reimers: Xoşladığım var həmişə Color Scheme Designer olmuşdur. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON Buchholtz-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS Reimers:, İndi deyil 271 00:11:16,010 --> 00:11:16,860 >> ALLISON Buchholtz-AU: Ah, bu gözəl deyil. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS Reimers: Və əsasən kimi, demək olar ki, 273 00:11:18,818 --> 00:11:21,700 Mən bir-birinə yanında üç rəng istəyirəm. 274 00:11:21,700 --> 00:11:25,030 Və sonra gözəl bir şey edək. 275 00:11:25,030 --> 00:11:29,210 Və sonra nümunə əldə edə bilərsiniz kimi baxmaq bilər nə. 276 00:11:29,210 --> 00:11:32,470 Və sonra hər hansı bir artıq hover əgər Onlara bu hex dəyər verir. 277 00:11:32,470 --> 00:11:35,010 >> Belə ki, yalnız yaxşı bir yol kimi başlamaq üçün rəng sxemləri haqqında düşünür 278 00:11:35,010 --> 00:11:39,570 bir web və ya nə rəng birlikdə getmək bilər. 279 00:11:39,570 --> 00:11:45,655 Ki, təəccüblü ola bilər, çünki Sizcə kimi asan deyil seçin. 280 00:11:45,655 --> 00:11:48,280 Və sonra digər sərin şey Mən həmişə bu sayt haqqında gördük 281 00:11:48,280 --> 00:11:51,480 Siz Nümunələr hit varsa, bu lazımdır ki, nə nümunə veb göstərmək 282 00:11:51,480 --> 00:11:54,800 ki, rəng sxemi istifadə kimi baxmaq bilər. 283 00:11:54,800 --> 00:11:56,270 Hər halda. 284 00:11:56,270 --> 00:11:57,863 >> Geri faktiki CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON Buchholtz-AU Amma təbii ki, biz Bu istinadlar faydalı ola bilər bilirik. 286 00:12:01,112 --> 00:12:03,195 TOMAS Reimers: Xeyr, onlar mütləq faydalı ola bilər. 287 00:12:03,195 --> 00:12:04,720 İkinci qayda Allison So? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON Buchholtz-AU: Bəli. 289 00:12:05,844 --> 00:12:08,280 İkinci qayda yalnız Bizim font uyğun. 290 00:12:08,280 --> 00:12:11,520 Belə ki, font çəki yalnız növ idarənin ixtiyari nümayəndəsinin, belə ki, çəki ki 291 00:12:11,520 --> 00:12:15,220 Siz kimi, yalnız istədiyiniz əgər, normal və ya kimi, nazik fonts, 292 00:12:15,220 --> 00:12:17,251 və ya bu halda kimi, qalın. 293 00:12:17,251 --> 00:12:17,750 I unutmayın. 294 00:12:17,750 --> 00:12:21,557 Siz istəyirdi əgər it-- var nə normal kimi, yalnız bir nazik bir? 295 00:12:21,557 --> 00:12:24,140 TOMAS Reimers: Mən, həqiqətən, yoxdur bir nazik bir var əgər bilmək. 296 00:12:24,140 --> 00:12:24,680 ALLISON Buchholtz-AU: I unutmayın. 297 00:12:24,680 --> 00:12:26,300 Belə ki, font çəki adətən biz yalnız qalın üçün istifadə edin. 298 00:12:26,300 --> 00:12:29,010 Siz daxil həqiqətən almaq istəyirsinizsə Bu, biz sizə göstərmək olacaq. 299 00:12:29,010 --> 00:12:34,317 W3Schools müxtəlif var şey fonts üçün nə edə bilər. 300 00:12:34,317 --> 00:12:36,900 Amma əsasən, heç istəyirsinizsə, font haqqında bir şey dəyişdirmək üçün, 301 00:12:36,900 --> 00:12:39,330 Bu həmişə olacaq kimi font-bir şey. 302 00:12:39,330 --> 00:12:43,450 Siz əgər Belə ki, font-ailə kimi olacaq faktiki növü dəyişdirmək üçün çalışırıq. 303 00:12:43,450 --> 00:12:47,390 Bu halda font-style olacaq cursive kimi etmək istəyirəm, 304 00:12:47,390 --> 00:12:49,710 və ya italik, və ya etajer. 305 00:12:49,710 --> 00:12:53,570 Və ya hətta font rəng, əgər ki, dəyişdirmək istəyirdi. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS Reimers: Yup. 307 00:12:55,621 --> 00:12:56,925 Belə ki, dəyişə bilərsiniz. 308 00:12:56,925 --> 00:12:59,360 Və sort yalnız İndi recap, belə ki, siz 309 00:12:59,360 --> 00:13:01,400 biz burada selector qədər olduğunu görürük. 310 00:13:01,400 --> 00:13:03,000 Biz bu qıvrım aşırma var. 311 00:13:03,000 --> 00:13:06,735 Və sonra biz qaydaları semicolons ayrılmış. 312 00:13:06,735 --> 00:13:08,100 Ki, hissi edirmi? 313 00:13:08,100 --> 00:13:09,130 Evet? 314 00:13:09,130 --> 00:13:10,500 Cool. 315 00:13:10,500 --> 00:13:13,200 Belə ki, good-- əgər 316 00:13:13,200 --> 00:13:14,424 >> ALLISON Buchholtz-AU: Back. 317 00:13:14,424 --> 00:13:17,590 TOMAS Reimers: ən xüsusi danışaq seçiciler hansı haqqında var. 318 00:13:17,590 --> 00:13:19,790 "İndi biz səbəb sort yalnız tags göstərilir. 319 00:13:19,790 --> 00:13:21,696 Amma uşaqlar inandırıcı oldu. 320 00:13:21,696 --> 00:13:23,570 Iki-ci maddələrdə var De bir səhifə və sizə 321 00:13:23,570 --> 00:13:26,087 stil etmək istəyirəm Bir deyil, digər, 322 00:13:26,087 --> 00:13:29,170 Siz özünüzü məhdudlaşdırmaq istəmirəm müxtəlif aktual HTML istifadə etmək 323 00:13:29,170 --> 00:13:33,410 tags onlara müxtəlif üslub vermək. 324 00:13:33,410 --> 00:13:35,995 >> Belə ki, biz əsas üç seçiciler növləri. 325 00:13:35,995 --> 00:13:37,120 ALLISON Buchholtz-AU: Bəli. 326 00:13:37,120 --> 00:13:39,828 Beləliklə, biz nə olan tag var biz indi söhbət etdik. 327 00:13:39,828 --> 00:13:42,430 Belə ki cür bədən və ya p kimi. 328 00:13:42,430 --> 00:13:46,280 Və sonra biz olan sinif Biz CSS faylı müəyyən zaman, 329 00:13:46,280 --> 00:13:49,907 həmişə dot olacaq, nə Sizin sinif adı olmaq istəyirəm. 330 00:13:49,907 --> 00:13:51,490 Bu çox şeyə müraciət edə bilər. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Beş-ci maddələrdə var De və onların üç iki 333 00:13:57,610 --> 00:14:00,580 Eyni səpkili etmək lazımdır, Siz onu bir sinif müraciət edirəm. 334 00:14:00,580 --> 00:14:03,040 Bu biz bunu yalnız bir yoldur. 335 00:14:03,040 --> 00:14:05,600 Biz sizə bir misal verim bu, həqiqətən göstərir. 336 00:14:05,600 --> 00:14:11,030 Amma bəlkə bir tag olsa p, bundan sonra, siz yazmaq olardı 337 00:14:11,030 --> 00:14:14,170 sinif nə dərsləri bərabərdir ona müraciət etmək istəyirəm. 338 00:14:14,170 --> 00:14:19,280 Biz istəyirik Belə ki, hər hansı sinif seçiciler Bu xüsusi bəndinə müraciət etmək, 339 00:14:19,280 --> 00:14:21,300 biz yalnız bu kimi yazmaq bilər. 340 00:14:21,300 --> 00:14:24,080 Əlbəttə, mən bir misal hesab edirəm ki, daha konkret edəcək. 341 00:14:24,080 --> 00:14:27,270 >> Biz digər bir id biz işarə edən deyil 342 00:14:27,270 --> 00:14:29,707 bir hash, və ya funt, və ya hashtag ilə. 343 00:14:29,707 --> 00:14:30,790 TOMAS Reimers: octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON Buchholtz-AU: octothorpe. 345 00:14:32,430 --> 00:14:34,550 Bu da işləyir. 346 00:14:34,550 --> 00:14:36,640 Və bu həqiqətən unikal olmalıdır. 347 00:14:36,640 --> 00:14:39,880 Onlar yalnız müraciət etməlidir Sizin səhifə bir şey. 348 00:14:39,880 --> 00:14:43,820 Ki, müəyyən bir maddə olub, belə ki, və ya siyahısı maddə, və ya hər hansı, 349 00:14:43,820 --> 00:14:45,090 bu unikal olmalıdır. 350 00:14:45,090 --> 00:14:48,730 Eyni şəkildə biz yalnız demək kimi, class = "Class1 class2" 351 00:14:48,730 --> 00:14:51,577 Bu yalnız biz nə olursa olsun id ola bilər. 352 00:14:51,577 --> 00:14:52,410 TOMAS Reimers: Bəli. 353 00:14:52,410 --> 00:14:54,330 Belə ki, mütləq danışaq Burada nümunələri haqqında. 354 00:14:54,330 --> 00:14:58,170 Mən yalnız dalış gedirəm düz geri kodu daxil. 355 00:14:58,170 --> 00:15:02,090 Belə ki, bizim HTML baxaq. 356 00:15:02,090 --> 00:15:03,960 Və belə ki, biz indi bir paraqraf var. 357 00:15:03,960 --> 00:15:05,510 Bu mətn. 358 00:15:05,510 --> 00:15:09,151 Mən yalnız dəyişdirmək üçün gedirəm Bu. "Bu mətn 1." 359 00:15:09,151 --> 00:15:11,150 Və sonra biz olacaq bir "Bu mətn 2." 360 00:15:11,150 --> 00:15:12,525 >> ALLISON Buchholtz-AU: İkinci biridir. 361 00:15:12,525 --> 00:15:13,540 TOMAS Reimers: Yup. 362 00:15:13,540 --> 00:15:16,810 Beləliklə, biz indi sağ "Bu mətn 2," 363 00:15:16,810 --> 00:15:21,560 Və biz yenidən əgər görmək olacaq səhifə, biz tapmaq olacaq 364 00:15:21,560 --> 00:15:23,067 Biz çalışırıq ki, find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON Buchholtz-AU: Ooh. 366 00:15:24,150 --> 00:15:24,983 TOMAS Reimers: Bəli. 367 00:15:24,983 --> 00:15:27,570 Biz "Bu tapmaq olacaq Mətn 1 "və" Bu "text 2. 368 00:15:27,570 --> 00:15:28,650 >> ALLISON Buchholtz-AU: Və out sevimli sarı rəng. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS Reimers: Və görürsünüz İndi bizim selector ki, 370 00:15:31,066 --> 00:15:34,940 olan p-nin aiddir, və ya ci maddələrdə, onların hər ikisi təsir, 371 00:15:34,940 --> 00:15:38,700 onların hər ikisi cavab çünki vəziyyəti bir p tag də istəyirik ki,. 372 00:15:38,700 --> 00:15:40,360 Bu ümumi mənada edir. 373 00:15:40,360 --> 00:15:43,340 Belə ki, sual, yaxşı ki, nə biz istəyirdi yalnız bir almaq? 374 00:15:43,340 --> 00:15:46,350 Belə ki, məhz Allison deyirdi kimi, biz bunu digər iki yolu var. 375 00:15:46,350 --> 00:15:47,320 Mən id ilə başlamaq üçün gedirəm. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON Buchholtz-AU: Üzrə id ilə başlamaq edək. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS Reimers: Və həm Bu atributudur. 378 00:15:50,405 --> 00:15:53,200 Belə ki, atributları HTML mövcuddur. 379 00:15:53,200 --> 00:15:55,600 Və nə onlar deyil əlavə bir şey 380 00:15:55,600 --> 00:15:58,840 ki, tag daxilində tag adı ayrıdır. 381 00:15:58,840 --> 00:16:01,301 Belə ki, bir çox əlamətləri ola bilər. 382 00:16:01,301 --> 00:16:01,800 Evet? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON Buchholtz-AU: Mən yalnız gedirdi PSET 7 Sizin Məsələn, demək, 384 00:16:03,950 --> 00:16:06,650 Əgər hər hansı align cəhd mərkəzi şeyi, 385 00:16:06,650 --> 00:16:08,550 istifadə edə bilər "Text = mərkəzi align." 386 00:16:08,550 --> 00:16:10,550 Və yəqin ki, qeyd mərkəzi olmalıdır 387 00:16:10,550 --> 00:16:12,650 mətn və ya naviqasiya bar. 388 00:16:12,650 --> 00:16:15,499 Belə ki, yalnız da bir atributu var ilə tanış ola bilər. 389 00:16:15,499 --> 00:16:18,040 TOMAS Reimers: bir dəstə var Siz görəcəksiniz ki, atributları. 390 00:16:18,040 --> 00:16:18,539 Bəli. 391 00:16:18,539 --> 00:16:21,250 PSET 7 yaxşı istinad kimi. 392 00:16:21,250 --> 00:16:23,150 Biz id var. 393 00:16:23,150 --> 00:16:25,080 Siz həmçinin ola bilər sinif, bu kimi şeylər. 394 00:16:25,080 --> 00:16:27,250 Bir tag çox atributları ola bilər. 395 00:16:27,250 --> 00:16:33,140 Belə ki, id ilə başlayan ən biz iddia edək Bilmirəm idarənin ixtiyari nümayəndəsinin, bir id var istəyirəm. 396 00:16:33,140 --> 00:16:35,140 Biz, xüsusi zəng edəcəyik bu bir, çünki biz istəyirik 397 00:16:35,140 --> 00:16:37,867 qalın etmək üçün gedir, və qeyd, və hər hansı. 398 00:16:37,867 --> 00:16:39,950 ALLISON Buchholtz-AU: Bu mý super xüsusi ola bilər. 399 00:16:39,950 --> 00:16:42,360 TOMAS Reimers: Belə ki, bu bir, biz id xüsusi var. 400 00:16:42,360 --> 00:16:48,140 Yolu seçmək üçün Beləliklə, edir main.css, bir p tag deyil, 401 00:16:48,140 --> 00:16:51,500 OK, #special edirsiniz? 402 00:16:51,500 --> 00:16:55,538 Və seçir id xüsusi ilə bir şey. 403 00:16:55,538 --> 00:16:57,295 Bu hər kəs üçün mənada edirmi? 404 00:16:57,295 --> 00:16:57,920 Auditoriya: Bəli. 405 00:16:57,920 --> 00:16:59,110 TOMAS Reimers: Cool. 406 00:16:59,110 --> 00:17:04,440 Belə ki, indi biz geri getmək əgər, Biz whoops see-- lazımdır. 407 00:17:04,440 --> 00:17:06,240 Bəli. 408 00:17:06,240 --> 00:17:09,460 Biz görəcəksiniz ki, yalnız seçir id xüsusi bir. 409 00:17:09,460 --> 00:17:10,622 Evet? 410 00:17:10,622 --> 00:17:11,900 Sərin səslənir. 411 00:17:11,900 --> 00:17:12,570 Bəli. 412 00:17:12,570 --> 00:17:15,456 >> Auditoriya: Bir şey bir ola bilər həm də sinif və id aid? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS Reimers: Bəli. 414 00:17:16,359 --> 00:17:16,900 Auditoriya: OK. 415 00:17:16,900 --> 00:17:20,887 Əgər vermək və sonra nə olur ki, münaqişə CSS bəzi qaydalar? 416 00:17:20,887 --> 00:17:21,970 TOMAS Reimers: Absolutely. 417 00:17:21,970 --> 00:17:23,940 Biz mütləq olacaq Bu barədə danışacaq. 418 00:17:23,940 --> 00:17:31,890 Belə ki, məhz nə əldə edilmişdir , siz də dərsləri ola bilər. 419 00:17:31,890 --> 00:17:36,380 Belə ki, mən iddia edək üç-ci maddələrdə və mən 420 00:17:36,380 --> 00:17:38,730 İlk stil istədi İki lakin üçüncü deyil. 421 00:17:38,730 --> 00:17:42,850 Bəli, ilk fikir Mən də ola bilər yalnız ikinci biri bir id verə bilər. 422 00:17:42,850 --> 00:17:45,590 Amma siz bilərsiniz, bir id çünki, tam Allison deyirdi kimi, 423 00:17:45,590 --> 00:17:47,330 unikal olmalıdır. 424 00:17:47,330 --> 00:17:50,860 >> Belə ki, əvəzinə bir id, nə istifadə edə bilərsiniz bir sinif istifadə edə bilərsiniz. 425 00:17:50,860 --> 00:17:57,880 Və sinif bu imkan verir əsasən demək nə etmək, 426 00:17:57,880 --> 00:17:59,610 bu bir qrup hissəsi kimi icazə verilmir. 427 00:17:59,610 --> 00:18:02,410 Bu halda, bizim qrup Xüsusi adlanır. 428 00:18:02,410 --> 00:18:06,500 Və biz sonra nə olacaq nə biz deyil, funt daha demək olacaq 429 00:18:06,500 --> 00:18:08,070 biz dot istifadə etmək olacaq. 430 00:18:08,070 --> 00:18:08,740 OK? 431 00:18:08,740 --> 00:18:11,950 Və fark funt və dot yalnız CSS fayl ərzində mövcud, 432 00:18:11,950 --> 00:18:12,797 deyil HTML ərzində. 433 00:18:12,797 --> 00:18:13,880 ALLISON Buchholtz-AU: Bəli. 434 00:18:13,880 --> 00:18:15,185 Mühüm fərq. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS Reimers: Mən qədər mübarizə idi 436 00:18:17,510 --> 00:18:23,990 Mən HTML hash qoymaq çünki sonra yalnız uzun müddət axmaq hiss etdim. 437 00:18:23,990 --> 00:18:27,470 Bu, həm də seçir necə ki, sinif olanları? 438 00:18:27,470 --> 00:18:28,210 Cool. 439 00:18:28,210 --> 00:18:29,950 >> İndi hər şeyi çox dərsləri ola bilər. 440 00:18:29,950 --> 00:18:32,790 Mən ilk etmək istədiyini deyirlər İki sarı bir fon var 441 00:18:32,790 --> 00:18:36,770 və ikinci iki var mavi bir font color. 442 00:18:36,770 --> 00:18:37,270 OK. 443 00:18:37,270 --> 00:18:39,735 Mən istədiyiniz nə mən, həqiqətən bilmirəm Bunu istəyirəm, amma bilərsiniz. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON Buchholtz-AU: not Bilər Sizin veb üçün tövsiyə. 445 00:18:42,401 --> 00:18:43,880 Amma bizim üçün, bunu edəcəyik. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS Reimers: Bu deyil yaxşı bir rəng sxemi. 447 00:18:46,294 --> 00:18:49,210 ALLISON Buchholtz-AU: Bəli, sarı və mavi mənim orta məktəb rənglər. 448 00:18:49,210 --> 00:18:50,947 Mən də bilmirəm. 449 00:18:50,947 --> 00:18:53,530 TOMAS Reimers: Allison yüksək Məktəb böyük rəng sxemi var idi. 450 00:18:53,530 --> 00:18:54,520 [Gülüş] 451 00:18:54,520 --> 00:18:59,120 Beləliklə, biz zəng edə bilərsiniz nə bu bu zəng üzrə qoy biz xüsusi var 452 00:18:59,120 --> 00:19:00,030 və biz Pretty var. 453 00:19:00,030 --> 00:19:02,405 Mən bu, istifadə, gəlir daha təsviri adları. 454 00:19:02,405 --> 00:19:05,820 ALLISON Buchholtz-AU: Bəli, mən Sarı və ya mavi kimi, bu zəng. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS Reimers: Biz deyilik həqiqətən, real web edilməsi 456 00:19:08,314 --> 00:19:09,730 biz bunu deyilik buna görə. 457 00:19:09,730 --> 00:19:11,521 Amma əgər həqiqətən Bir real web idi 458 00:19:11,521 --> 00:19:16,220 ola bilər kimi, maddə header, maddə content, ilk sözü, 459 00:19:16,220 --> 00:19:21,920 imkan verir ki, kimi şeylər, Siz daha çox təsviri olmalıdır. 460 00:19:21,920 --> 00:19:23,550 Bu yalnız dəyişənlərin kimi həqiqətən var. 461 00:19:23,550 --> 00:19:28,390 Onlar bir şəkildə olduğu adına olmalıdır Siz kimi qədərdir Bəli, edə bilərsiniz. 462 00:19:28,390 --> 00:19:29,470 Perfect. 463 00:19:29,470 --> 00:19:30,480 >> Belə ki, fon rəngi. 464 00:19:30,480 --> 00:19:35,920 Və sonra biz belə demək olacaq rəng dəyişdirmək üçün yol yalnız "color" dir. 465 00:19:35,920 --> 00:19:38,412 Və biz bu mavi etmək olacaq. 466 00:19:38,412 --> 00:19:40,150 Bu sərin var. 467 00:19:40,150 --> 00:19:42,640 Belə ki, indi biz İlk iki xüsusi var. 468 00:19:42,640 --> 00:19:45,972 Növbəti bir olacaq "pretty = sinif." var 469 00:19:45,972 --> 00:19:49,180 ALLISON Buchholtz-AU: Və sonra lazımdır orta bir "pretty" əlavə etmək istəyirəm. 470 00:19:49,180 --> 00:19:49,971 TOMAS Reimers: Yup. 471 00:19:49,971 --> 00:19:52,970 Və sonra orta bir, "pretty" nə olur əlavə etmək 472 00:19:52,970 --> 00:19:56,880 Yalnız bir yer var. 473 00:19:56,880 --> 00:19:59,800 Class atributu Belə ki, bir yer ayrılmış siyahısı 474 00:19:59,800 --> 00:20:02,450 bütün dərsləri ki, tag tətbiq edilir. 475 00:20:02,450 --> 00:20:02,959 OK? 476 00:20:02,959 --> 00:20:05,750 Bu bir məxsusdur kimi deyil adlı xüsusi sinif bir növ 477 00:20:05,750 --> 00:20:07,180 "Xüsusi, kosmik, yaraşıqlı." 478 00:20:07,180 --> 00:20:10,870 Bu iki classes-- məxsusdur xüsusi və olduqca. 479 00:20:10,870 --> 00:20:12,492 Bəli? 480 00:20:12,492 --> 00:20:14,360 Cool. 481 00:20:14,360 --> 00:20:17,010 >> Və sonra biz baxsaq nə olar, biz istəyirik 482 00:20:17,010 --> 00:20:21,850 ilk var ki, görəcəksiniz gedir Sarı fon, qara, mətn. 483 00:20:21,850 --> 00:20:22,450 İkinci one-- 484 00:20:22,450 --> 00:20:26,160 >> ALLISON Buchholtz-AU: bold --has mavi, mətn sarı fon. 485 00:20:26,160 --> 00:20:29,330 Bizim son bir yalnız var Biz ona həvalə mavi mətn. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS Reimers: Cool? 487 00:20:30,870 --> 00:20:32,491 Seçiciler necə işləyir? 488 00:20:32,491 --> 00:20:32,990 Awesome. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON Buchholtz-AU: biz istəyirsiniz Bundan sonra münaqişə haqqında danışmaq? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS Reimers: Belə ki, Bəli. 491 00:20:35,780 --> 00:20:36,310 Tamamilə. 492 00:20:36,310 --> 00:20:38,380 Belə ki, nə olur sağ, münaqişə var? 493 00:20:38,380 --> 00:20:44,740 Ilk bir iddia edək bir şey müəyyən edir qədərdir 494 00:20:44,740 --> 00:20:47,240 ALLISON Buchholtz-AU: Bəlkə bu bir fon dəyişir? 495 00:20:47,240 --> 00:20:48,090 TOMAS Reimers: Bəli. 496 00:20:48,090 --> 00:20:51,699 Belə ki, biz gedirik "pretty" qızıl üçün fon dəyişir. 497 00:20:51,699 --> 00:20:54,740 ALLISON Buchholtz-AU: Siz yalnız etdiyiniz bütün böyük rəng bu gün Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS Reimers: Bəli. 499 00:20:55,573 --> 00:20:58,200 Mən aşkar çünki mən Bir real rəng kimi qızıl istifadə edin. 500 00:20:58,200 --> 00:21:00,270 Beləliklə, biz yalnız nə olacaq. 501 00:21:00,270 --> 00:21:01,770 Mən də Sunset real rəng olduğunu düşünürəm. 502 00:21:01,770 --> 00:21:03,103 Auditoriya: Sunset real rəng var? 503 00:21:03,103 --> 00:21:04,572 ALLISON Buchholtz-AU: Nin cəhd edək. 504 00:21:04,572 --> 00:21:07,735 TOMAS Reimers: Bu demo sonra yalnız halda messes, çünki 505 00:21:07,735 --> 00:21:08,943 Mən ayıklama etmək istəmirəm. 506 00:21:08,943 --> 00:21:11,580 Beləliklə, biz qızıl real rəng olduğunu bilirik. 507 00:21:11,580 --> 00:21:15,626 Belə hər hansı bir guesses nə baş verəcək? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON Buchholtz-AU: hər hansı bir fikir? 509 00:21:17,522 --> 00:21:20,002 >> Auditoriya: [işitilemez]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS Reimers: Bəli. 511 00:21:20,920 --> 00:21:22,150 Belə ki, doğru var. 512 00:21:22,150 --> 00:21:24,930 Əsasən, edir Bu verildi son qayda. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON Buchholtz-AU: Belə ki, bu burada kaskad qüvvəyə minir. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS Reimers: Belə ki, necə yadda biz stillər kaskad var idi? 515 00:21:31,080 --> 00:21:33,660 Ki, Belə ki, biz növ demək biz qaydaları bir dəstə var ki, 516 00:21:33,660 --> 00:21:37,115 bir-birinə üst müraciət və onlar da bir-birinə yalnış bilər. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON Buchholtz-AU: Belə ki, alt nə var 518 00:21:39,380 --> 00:21:41,540 üst var nə yalnış düçar edər. 519 00:21:41,540 --> 00:21:45,842 Siz tamamilə qaydaları ola bilər əvvəlcədən bir şey inkar. 520 00:21:45,842 --> 00:21:48,300 Siz olmaq istəyirəm Ona ​​görə də var Siz dizayn olduğunuzda diqqətli, 521 00:21:48,300 --> 00:21:51,465 belə ki, qaydaları yaratmaq deyilik ki, Yalnız tamamilə əsas edirik. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS Reimers: Və ya bəlkə siz qaydaları yazmaq istəyirəm. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON Buchholtz-AU: Və ya bəlkə siz. 524 00:21:53,920 --> 00:21:54,300 Bəli. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS Reimers: Bir var Pretend çox şey aiddir sinif, 526 00:21:57,175 --> 00:22:01,220 amma dəyişmək istədiyiniz deyək qırmızı və font fon rəngi 527 00:22:01,220 --> 00:22:03,140 ən qalın çəki hər şeyi, lakin bir, 528 00:22:03,140 --> 00:22:06,098 Yalnız fon rəngi istəyirəm qırmızı ola bilər, lakin bütün digər istəyirəm 529 00:22:06,098 --> 00:22:09,990 xassələri, bir şey edə bilər kimi "font-weight = normal" 530 00:22:09,990 --> 00:22:12,760 olan o qalın dəyişiklik geri olacaq. 531 00:22:12,760 --> 00:22:14,480 Evet? 532 00:22:14,480 --> 00:22:17,250 Yenə ən yaxşı yolu, mən hesab edirəm ki, Allison bu, yalnız təcrübə ifadə etdi. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON Buchholtz-AU: Sınaq. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS Reimers: Təcrübə, təcrübə, təcrübə və təcrübə. 535 00:22:20,090 --> 00:22:22,950 Mən hesab edirəm ki, insanların bir çox bilirik CSS tahmin və çek bir çox 536 00:22:22,950 --> 00:22:25,580 Ü günün sonunda Siz bir şey kimi etmək istəyirəm 537 00:22:25,580 --> 00:22:27,663 Bir kobud fikir var, lakin Siz hələ yəqin ki, gerek 538 00:22:27,663 --> 00:22:31,390 əmin etmək üçün cəhd Siz kimi görünür nə bilirik. 539 00:22:31,390 --> 00:22:34,482 >> Auditoriya: Əgər tətbiq edirik dərsləri, bir çox 540 00:22:34,482 --> 00:22:37,339 Eyni maddəyə və ya ikibölməli, yoxdur 541 00:22:37,339 --> 00:22:39,505 nə üçün siz quotes onları yazın? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS Reimers: Xeyr, deyil. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON Buchholtz-AU: Hansı məsələ Sizin CSS stil ərzində sifariş. 544 00:22:45,764 --> 00:22:47,430 Auditoriya: Siz sual təkrar edə bilər? 545 00:22:47,430 --> 00:22:50,680 TOMAS Reimers: Oh. 546 00:22:50,680 --> 00:22:53,990 ALLISON Buchholtz-AU: Within sinif, siz ötürür dərsləri 547 00:22:53,990 --> 00:22:56,964 HTML bir şey yoxdur onlar etdiyiniz hansı üçün önemli? 548 00:22:56,964 --> 00:22:58,130 Bu sifariş etməz. 549 00:22:58,130 --> 00:23:02,915 Hansı məsələ üçün deyil Sizin CSS ərzində sinif seçiciler, 550 00:23:02,915 --> 00:23:04,306 Sizin stil daxilində. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS Reimers: Sound yaxşı? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON Buchholtz-AU: Lovely. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS Reimers: Və sonra Biz to-- davam edirik 554 00:23:11,539 --> 00:23:13,330 ALLISON Buchholtz-AU: Biz növbəti nə var? 555 00:23:13,330 --> 00:23:14,245 I unutmayın. 556 00:23:14,245 --> 00:23:16,087 Oh, biz yalnız nümunələr var. 557 00:23:16,087 --> 00:23:17,295 Amma biz növ o etdik. 558 00:23:17,295 --> 00:23:18,990 Biz Tez nümunələri etdik. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS Reimers: Biz almaq tezliklə seçiciler birləşdirir. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON Buchholtz-AU: Oh, Biz seçiciler birləşdirmək almaq. 561 00:23:22,790 --> 00:23:25,260 TOMAS Reimers: Belə ki, bəzi nümunələr var ki, 562 00:23:25,260 --> 00:23:29,630 # Dog-- funt, və ya hashtag, və ya octothorpe, və ya hər hansı 563 00:23:29,630 --> 00:23:32,050 Siz that-- kəskin səslənmək istəyirəm. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON Buchholtz-AU: Sharp it. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS Reimers: Sonra .pets var. 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 Something, it bir id var səhifə yalnız bir it var. 568 00:23:41,600 --> 00:23:43,870 Something bir id var cat, yalnız bir pişik var. 569 00:23:43,870 --> 00:23:45,665 Səhifə çox heyvanları ola bilər. 570 00:23:45,665 --> 00:23:47,570 Biz dərsləri ki, verdi görə. 571 00:23:47,570 --> 00:23:48,740 Siz p nümunə var. 572 00:23:48,740 --> 00:23:50,490 Və sonra bir belə son nümunəsi olan 573 00:23:50,490 --> 00:23:53,790 , biz söhbət yoxdur ki, bir şey Əgər siz onları birləşdirmək zaman nə edir. 574 00:23:53,790 --> 00:23:54,580 P.pets Belə ki,. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Ki, Belə ki, geri imkan kodu və yeah another-- təqdim edir. 577 00:24:02,950 --> 00:24:04,290 Belə ki, burada geri. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON Buchholtz-AU: I Bu, həqiqətən kimi hiss 579 00:24:04,850 --> 00:24:08,105 kimi yalnız nümunələr vasitəsilə axtarır həqiqətən bu öyrənmək üçün bir yoldur. 580 00:24:08,105 --> 00:24:09,360 Belə ki, biz bunu edirik nə var. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS Reimers: Belə ki, biz iddia edək yalnız sağ mətn 2, seçin istəyirsiniz? 582 00:24:14,030 --> 00:24:16,530 Belə ki, biz mütləq bilməz Bir id ilə bunu. 583 00:24:16,530 --> 00:24:19,620 Bəli, biz bir ilə edə bilər id, lakin bu id yoxdur. 584 00:24:19,620 --> 00:24:22,490 Mən bir əlavə deyil, iddia imkan bilər Mən bir əlavə etmək istəyirəm deyil ki, 585 00:24:22,490 --> 00:24:24,910 və ya artıq başqa bir şey var. 586 00:24:24,910 --> 00:24:26,516 Hesab edirəm ki, bunu edə bilməz. 587 00:24:26,516 --> 00:24:28,870 tag sağ, mütləq unikal deyil? 588 00:24:28,870 --> 00:24:30,670 Və nə sinif edir. 589 00:24:30,670 --> 00:24:32,314 Amma bu şeyi birləşdirə bilər. 590 00:24:32,314 --> 00:24:35,230 Biz bir şey etmək istədiyini deyirlər olan yalnız şeyə aiddir 591 00:24:35,230 --> 00:24:39,420 sinif xüsusi və hansı sinif olduqca var. 592 00:24:39,420 --> 00:24:48,150 >> Belə ki, siz nə edə bilərsiniz, main.css edir Siz ilk bu silmək imkan demək olar. 593 00:24:48,150 --> 00:24:50,240 Bu birləşdirə bilər. 594 00:24:50,240 --> 00:24:51,430 Belə ki, .xüsusi edə bilərsiniz. 595 00:24:51,430 --> 00:24:52,110 No yer. 596 00:24:52,110 --> 00:24:54,770 Just .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Nə o deməkdir ki, bir şey deyil olan xüsusi və olduqca həm də. 598 00:25:00,550 --> 00:25:01,900 Ki, hissi edirmi? 599 00:25:01,900 --> 00:25:04,190 Və biz burada getmək əgər, nə Siz görmək olacaq 600 00:25:04,190 --> 00:25:09,734 Bu qayda yalnız tətbiq edir o həm də ikinci. 601 00:25:09,734 --> 00:25:11,400 Və çox şey üçün bunu edə bilərsiniz. 602 00:25:11,400 --> 00:25:13,270 Siz edək demək bilər Mən yalnız istəyirdi iddia 603 00:25:13,270 --> 00:25:18,300 olduqca sinif şeyə və həmçinin maddə tag olan. 604 00:25:18,300 --> 00:25:19,920 Belə ki, p.pretty. 605 00:25:19,920 --> 00:25:23,585 Mən ki, iddia edək tag bədənin olduqca bir şey. 606 00:25:23,585 --> 00:25:25,850 OK? 607 00:25:25,850 --> 00:25:28,490 Mən bu run və mən edə bilərsiniz yalnız olduğunu görə bilərsiniz 608 00:25:28,490 --> 00:25:32,720 şeylər müraciət etmək niyyətindədir olduqca sinif ci maddələrdə. 609 00:25:32,720 --> 00:25:35,650 Və bu birləşdirə bilər əsasən, istədiyiniz kimi çox. 610 00:25:35,650 --> 00:25:38,580 Belə ki, yalnız onlara birlikdə qoymaq olar. 611 00:25:38,580 --> 00:25:39,604 Ki, hissi edirmi? 612 00:25:39,604 --> 00:25:41,770 ALLISON Buchholtz-AU: Belə ki, Bu cür daha faydalıdır 613 00:25:41,770 --> 00:25:45,490 zaman, Tomas bəlkə, daha əvvəl deyirdi Bir çox mürəkkəb haqqinda, 614 00:25:45,490 --> 00:25:48,050 və artıq bir çox yazılmış bu qaydaları, 615 00:25:48,050 --> 00:25:51,170 və yalnız lazımdır əvvəl iki birləşdirir. 616 00:25:51,170 --> 00:25:55,350 Like əvəzinə bütün yazılı Yeni selector və orada dəyişən 617 00:25:55,350 --> 00:25:58,592 Yalnız birləşdirə bilər Bunları üst-üstə düşür harada. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS Reimers: Və ya bəzən yazaraq tapa bilərsiniz 619 00:26:00,670 --> 00:26:04,290 bir sinif var ki, kimi font rəng mavi edir, 620 00:26:04,290 --> 00:26:06,740 və başqa bir sinif var ki, background mavi edir. 621 00:26:06,740 --> 00:26:07,840 Və yalnız iş deyil. 622 00:26:07,840 --> 00:26:10,924 Belə ki, xüsusi halda yazmaq, harada, Bu, həm də varsa qədərdir, siz nə istəyirik 623 00:26:10,924 --> 00:26:13,548 edəcəyimiz siz olacaq edir bu bir mavi bu kölgə etmək 624 00:26:13,548 --> 00:26:15,310 bu bir mavi digər kölgə. 625 00:26:15,310 --> 00:26:15,580 Sağ? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON Buchholtz-AU: Yaxşı istisnalar bu cür. 627 00:26:17,955 --> 00:26:21,220 TOMAS Reimers: Belə ki, problemlər barədə düşünmək 628 00:26:21,220 --> 00:26:25,000 Əgər siz onları birləşdirmək zaman yarana bilər. 629 00:26:25,000 --> 00:26:27,020 Cool. 630 00:26:27,020 --> 00:26:29,692 Belə ki, geri təqdimat. 631 00:26:29,692 --> 00:26:31,400 ALLISON Buchholtz-AU: Biz demək olar ki, orada edirik. 632 00:26:31,400 --> 00:26:34,022 TOMAS Reimers: Və birləşdirən dayandırdı. 633 00:26:34,022 --> 00:26:36,494 ALLISON Buchholtz-AU: Xeyr, Oh. 634 00:26:36,494 --> 00:26:39,125 ALLISON Buchholtz-AU: yerləşdirilmişdir CS ofis, internet enir. 635 00:26:39,125 --> 00:26:40,360 Oh, istehza. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS Reimers: Belə ki, xoşbəxtlikdən, biz internet olmadan təqdim, mən tapmaq 637 00:26:45,620 --> 00:26:47,380 biz burada bütün slaydlar var. 638 00:26:47,380 --> 00:26:49,304 Belə ki, haqqında danışmaq edək tags əlaqələr. 639 00:26:49,304 --> 00:26:50,470 ALLISON Buchholtz-AU: Sağ. 640 00:26:50,470 --> 00:26:52,660 Davam Belə ki, yalnız cür Tomas nə dedi off, 641 00:26:52,660 --> 00:26:54,180 bu bunu yalnız bir yoldur. 642 00:26:54,180 --> 00:26:57,840 Beləliklə, biz bir valideyn var uşaq selector ilə seçici. 643 00:26:57,840 --> 00:27:02,815 Belə ki, burada bu nümunə, biz bəzi Bir sinif navbar sinif düyməsinə ilə bədən. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS Reimers: Oh, sorry. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON Buchholtz-AU: Və əsasən, nə deməkdir 647 00:27:06,180 --> 00:27:11,070 kimi, uşaqlar bütün seçin ki, seçiciler bu cür bütün, 648 00:27:11,070 --> 00:27:13,040 Bu ana selector daxilində. 649 00:27:13,040 --> 00:27:16,004 Və o, yalnız olanlardır Heç müraciət olacaq. 650 00:27:16,004 --> 00:27:17,755 Bilmirəm əgər daha yaxşı bir yol yoxdur idarənin ixtiyari nümayəndəsinin, 651 00:27:17,755 --> 00:27:19,504 TOMAS Reimers: Mən düşünmək yol tapmaq 652 00:27:19,504 --> 00:27:22,440 Bu barədə nə əvvəl xatırlayıram deyil Biz növ onlara birlikdə qoymaq istəyirəm. 653 00:27:22,440 --> 00:27:26,340 Və sonra bir element deməkdir olan bütün bunlar gəlir. 654 00:27:26,340 --> 00:27:29,530 Bu deyib mən deyil hər şey uyğun istəyirəm 655 00:27:29,530 --> 00:27:33,220 Mən istəyirəm some-- ərzində Bir selector tapa bilərsiniz. 656 00:27:33,220 --> 00:27:35,670 Və sonra ərzində, Mən istəyirəm Siz yeni şeylər uyğun. 657 00:27:35,670 --> 00:27:36,170 Sağ? 658 00:27:36,170 --> 00:27:40,900 Belə ki, CSS, bütün haqqında sort var Bu maddələr uyğun edə. 659 00:27:40,900 --> 00:27:43,050 Və uyğun üçün cəhd edə bilərsiniz digər maddələr daxil olan maddələr. 660 00:27:43,050 --> 00:27:46,510 >> Belə nin əslində bir misal nə edək, və biz aydınlaşdırmaq lazımdır düşünürəm. 661 00:27:46,510 --> 00:27:53,090 Belə ki, biz xüsusi var iddia edək, xüsusi yaraşıqlı, nə. 662 00:27:53,090 --> 00:27:55,690 Və sonra biz OK, bir link var? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Belə ki, bir link, xatırlayıram. 665 00:28:02,370 --> 00:28:03,900 Bu yerdə getmək niyyətində deyil. 666 00:28:03,900 --> 00:28:11,500 Və biz bunu vermək olacaq sinif link hərhalda. 667 00:28:11,500 --> 00:28:13,335 Nin verim Mənə bir fikir vermək sinif. 668 00:28:13,335 --> 00:28:14,460 ALLISON Buchholtz-AU: Cool. 669 00:28:14,460 --> 00:28:16,420 TOMAS Reimers: edək Coo-- Bu olduqca sinif gedin. 670 00:28:16,420 --> 00:28:16,930 Niyə də yox? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON Buchholtz-AU: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS Reimers: Belə ki, İndi olduqca şeyi 673 00:28:23,040 --> 00:28:26,000 fon etmək üçün gedir qızıl mavi, fon rəngi. 674 00:28:26,000 --> 00:28:27,969 Ki, hissi verir. 675 00:28:27,969 --> 00:28:28,760 Və Biz bu əgər 676 00:28:28,760 --> 00:28:29,620 >> ALLISON Buchholtz-AU: Siz mətn əlavə etmək istəyirsiniz 677 00:28:29,620 --> 00:28:31,078 belə ki, hiperlink həqiqətən göstərir? 678 00:28:31,078 --> 00:28:35,088 TOMAS Reimers: Bu yaxşı zəng olardı. 679 00:28:35,088 --> 00:28:37,921 ALLISON Buchholtz-AU: Çünki hüququ İndi biz heç bir şey almaq mý yalnız edirik. 680 00:28:37,921 --> 00:28:39,690 TOMAS Reimers: Belə ki, bu link. 681 00:28:39,690 --> 00:28:42,202 "Bu bir link." 682 00:28:42,202 --> 00:28:45,820 Oh, və bu gedir başqa link olacaq. 683 00:28:45,820 --> 00:28:47,280 Nin sinif verək "sərin". 684 00:28:47,280 --> 00:28:50,295 Siz sağ istəyirik. 685 00:28:50,295 --> 00:28:50,795 Cool. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Belə ki, indi biz bu işğalçı olacaq. 688 00:28:56,010 --> 00:28:57,269 Biz bir atmaq olacaq. 689 00:28:57,269 --> 00:28:59,060 Biz bir var xüsusi tag, həmçinin biz 690 00:28:59,060 --> 00:29:01,150 olduqca tag bir üçün gedir. 691 00:29:01,150 --> 00:29:05,449 Və indi biz olacaq nə nə biz cool-- etmək olacaq ki, 692 00:29:05,449 --> 00:29:06,490 biz bunu istəyirsiniz? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 ALLISON Buchholtz-AU: Biz böyük edə bilərsiniz? 695 00:29:12,180 --> 00:29:13,800 TOMAS Reimers: gəlin bir sərhəd verim. 696 00:29:13,800 --> 00:29:14,840 ALLISON Buchholtz-AU: Biz sərhəd bilər. 697 00:29:14,840 --> 00:29:15,673 TOMAS Reimers: Bəli. 698 00:29:15,673 --> 00:29:18,560 Beləliklə, biz bir şey olacaq kimi, sərhəd That və biz 699 00:29:18,560 --> 00:29:20,971 bütün ikinci izah edəcəyik. 700 00:29:20,971 --> 00:29:21,470 , İndi üçün 701 00:29:21,470 --> 00:29:24,592 >> ALLISON Buchholtz-AU: box model üçün. 702 00:29:24,592 --> 00:29:27,300 TOMAS Reimers: Amma indi, biz istəyirik yalnız bir sərhəd verəcəyəm. 703 00:29:27,300 --> 00:29:29,580 Belə ki, nə o deməkdir ki, siz etdiyiniz edir Bu links görmək üçün gedir. 704 00:29:29,580 --> 00:29:32,788 Və onlar ki, görmək olacaq Bu kimi, çirkin qara sərhədləri olan 705 00:29:32,788 --> 00:29:33,820 sərindir. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON Buchholtz-AU: Bizim veb olduqca var. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS Reimers: Bəli. 708 00:29:35,333 --> 00:29:38,930 Bizim veb zəhmli deyil. 709 00:29:38,930 --> 00:29:41,585 Belə ki, bu iki links, onlar görünür. 710 00:29:41,585 --> 00:29:44,160 İndi mən iddia edək yalnız bu etmək istəyirdi 711 00:29:44,160 --> 00:29:50,072 bir şey daxilində deyil, əgər olan qızıl bir fon var idi. 712 00:29:50,072 --> 00:29:52,280 Belə ki, bu bir xatırlayıram , qızıl bir fon var 713 00:29:52,280 --> 00:29:54,000 Bu olduqca sinif çünki. 714 00:29:54,000 --> 00:29:59,777 >> Amma biz yalnız Cools demək istəyirəm ki, sinif sinif, xüsusi olmayan 715 00:29:59,777 --> 00:30:02,890 yaraşıqlı, sərhəd olmalıdır. 716 00:30:02,890 --> 00:30:12,549 Yaxşı, siz nə edə bilərsiniz ki, .cool, .xüsusi, yer demək olar. 717 00:30:12,549 --> 00:30:15,590 Sizcə zaman ki, nə var Bu barədə, əsasən dedi ki, 718 00:30:15,590 --> 00:30:19,530 OK, mənə hər şeyi tapa xüsusi gəlir. 719 00:30:19,530 --> 00:30:24,104 Sonra həmin tags ərzində tapmaq sərin var mənim üçün hər şey. 720 00:30:24,104 --> 00:30:27,270 ALLISON Buchholtz-AU: Belə ki, başqa bir yolu ki, bu barədə düşünmək yaxşı ola bilər 721 00:30:27,270 --> 00:30:29,810 C geri gətirilməsi edir Yalnız çərçivəsində fikir kimi. 722 00:30:29,810 --> 00:30:34,020 Belə ki, bəzi zaman olanlar kimi selector, 723 00:30:34,020 --> 00:30:38,460 Biz bu əvvəl iş etdik ki, bütün web page, HTML bütün 724 00:30:38,460 --> 00:30:40,180 sağ, sizin çərçivəsində edir? 725 00:30:40,180 --> 00:30:43,090 Amma biz bu zaman valideyn-uşaq münasibətləri, 726 00:30:43,090 --> 00:30:47,130 aşağı olduğu daralma etdiyiniz kimi bu Bir xüsusi yer arıyorsanız 727 00:30:47,130 --> 00:30:50,540 kimi, kimi, biz ərzində aradığınız xüsusi funksiyası yerinə 728 00:30:50,540 --> 00:30:52,007 bütün fayl. 729 00:30:52,007 --> 00:30:55,090 Auditoriya: ki, nəzərə Belə ki Biz changed-- idi, əgər mattered 730 00:30:55,090 --> 00:30:56,423 ALLISON Buchholtz-AU: order? 731 00:30:56,423 --> 00:30:59,320 Auditoriya: CSS yükü sinif , yer .cool üçün, .xüsusi? 732 00:30:59,320 --> 00:31:01,153 ALLISON Buchholtz-AU: Bəli, çünki o 733 00:31:01,153 --> 00:31:04,420 daxilində onu deyərdim ki, sərin var, hər şey, 734 00:31:04,420 --> 00:31:07,235 və sonra nə has-- baxmaq Mən bu halda kimi, demək 735 00:31:07,235 --> 00:31:08,860 Mən onu dəyişib düşünmürəm. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS Reimers: biz nə dedi olsaydı? 737 00:31:10,318 --> 00:31:10,906 Üzr istəyirik. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON Buchholtz-AU: biz varsa sonra sərin və əhatə dairəsi 739 00:31:12,660 --> 00:31:14,550 xüsusi həyata şeyi axtarmaq, Bu, həqiqətən, eyni olardı. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS Reimers: Belə ki, olmaz. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON Buchholtz-AU: Bu deyil ki? 742 00:31:16,590 --> 00:31:17,590 Yaxşı oh, oh. 743 00:31:17,590 --> 00:31:18,090 Mən səhv edirəm. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS Reimers: Belə ki, səbəbi Bu different-- ümumi mistake-- var 745 00:31:21,480 --> 00:31:27,140 ki, indi yalnız link sağ, sərin var? 746 00:31:27,140 --> 00:31:32,176 Sizlərin edir Mən sual tapmaq Bu səhifədə nə .cool ilə müqayisə edir? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 Iki tags sağ burada var? 749 00:31:38,340 --> 00:31:39,770 Hansı bu və bu biridir. 750 00:31:39,770 --> 00:31:40,590 Hər iki sərin uyğun. 751 00:31:40,590 --> 00:31:42,200 Başqa heç bir şey yoxdur. 752 00:31:42,200 --> 00:31:46,460 Belə ki, bildirib ki, əgər, .cool, kosmik, .xüsusi, siz demək olacaq nə, 753 00:31:46,460 --> 00:31:48,824 Bu tags ərzində, xüsusi olan nədir? 754 00:31:48,824 --> 00:31:49,865 ALLISON Buchholtz-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 Bu nə it-- doğru. 756 00:31:51,800 --> 00:31:52,310 Burada yalnız bir şey kimi idi. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS Reimers: Belə ki, heç bir şey seçir. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON Buchholtz-AU: ilə Halbuki xüsusi, biz burada bu tags ərzində istəyirik. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS Reimers: Bu və bu. 760 00:31:57,971 --> 00:31:58,512 Auditoriya: OK. 761 00:31:58,512 --> 00:31:58,920 Belə ki, irəli həmin tags doğramaq? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS Reimers: Bəli. 763 00:31:59,740 --> 00:32:01,150 Ki, hissi edirmi? 764 00:32:01,150 --> 00:32:03,685 Necə əsasən dairəsini azaltmağa cəhd. 765 00:32:03,685 --> 00:32:04,810 ALLISON Buchholtz-AU: Bəli. 766 00:32:04,810 --> 00:32:06,870 Mən yəqin ki, hesab edirəm en asan yol bu barədə düşünmək. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS Reimers: Beləliklə, biz bu aşkar və bu, həm də xüsusi uyğunlaşdı tapılmadı. 768 00:32:09,270 --> 00:32:11,400 Və sonra biz ərzində xahiş edirik Bu uşaqlar, sərin var? 769 00:32:11,400 --> 00:32:12,941 Və bu, bu bir sərin daxilində. 770 00:32:12,941 --> 00:32:14,500 Bu bir ərzində, heç bir şey sərin var. 771 00:32:14,500 --> 00:32:16,250 Belə ki, bu qalır ki, yalnız tag edir. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON Buchholtz-AU: cool Halbuki orada bu bir tags ərzində. 773 00:32:20,112 --> 00:32:21,070 TOMAS Reimers: Eynilə elə. 774 00:32:21,070 --> 00:32:22,403 Və o çərçivəsində xüsusi var? 775 00:32:22,403 --> 00:32:22,930 Heç bir şey. 776 00:32:22,930 --> 00:32:25,270 İndi demək edəcəyik heç bir yer var idi, 777 00:32:25,270 --> 00:32:29,880 Siz sərin və special-- nə xahiş edirik və ya sağ, yaraşıqlı və xüsusi var? 778 00:32:29,880 --> 00:32:35,370 Siz .special.pretty demək, ki .pretty.special eyni. 779 00:32:35,370 --> 00:32:39,220 >> Yer kaldırarak nə Çünki Siz .xüsusi deyəndə, edir tələb, 780 00:32:39,220 --> 00:32:40,970 Siz, OK, xahiş edirik olanları xüsusi var? 781 00:32:40,970 --> 00:32:43,780 Və sonra, o hansı olanları da olduqca, 782 00:32:43,780 --> 00:32:47,010 olan qrammatik, eyni, xahiş kimi, olduqca nə, 783 00:32:47,010 --> 00:32:49,500 və sonra o, xüsusi də nə var? 784 00:32:49,500 --> 00:32:50,000 Sağ? 785 00:32:50,000 --> 00:32:53,099 Bu fərq nə nə ərzində var. 786 00:32:53,099 --> 00:32:53,640 Auditoriya: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS Reimers: Bəli. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Awesome. 790 00:32:58,030 --> 00:33:00,426 Then-- nəzərə ki, Belə ki, 791 00:33:00,426 --> 00:33:01,800 >> ALLISON Buchholtz-AU: Mən hesab edirəm ki, son şey (FANCY BRITISH ACCENT IN deyil) 792 00:33:01,800 --> 00:33:02,510 qutusu model. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS Reimers: qutusu [Chuckles] Mən Allison deyir ki, yolu sevirəm. 794 00:33:05,992 --> 00:33:06,950 Qutusu model şey idi. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON Buchholtz-AU: Just var bir qutusu, mən sizin qutusu model olacaq. 796 00:33:09,644 --> 00:33:11,310 TOMAS Reimers: Belə ki, haqqında danışmaq edək. 797 00:33:11,310 --> 00:33:14,070 Belə ki, indi biz bir çox sərf etdik vaxt seçiciler söhbət. 798 00:33:14,070 --> 00:33:16,944 İndi, uşaqlar kimi, yəqin ki, Bildiyiniz selectors-- ustaları, 799 00:33:16,944 --> 00:33:21,510 tam məzmunu seçmək üçün necə Siz ekranda manipulyasiya etmək istəyirəm. 800 00:33:21,510 --> 00:33:24,740 >> Belə ki, indi sual, necə dəqiq siz onu manipulyasiya edə bilər? 801 00:33:24,740 --> 00:33:27,010 Belə ki, ən əsas tapmaq Bu barədə düşünmək yolu 802 00:33:27,010 --> 00:33:30,294 yaxşı, nə deyil CSS bir element var? 803 00:33:30,294 --> 00:33:32,585 Biz çox vaxt sərf etdik söhbət, bir tag nə, 804 00:33:32,585 --> 00:33:36,140 və ya ən əsas nə bir tag təmsil? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Düşünmək üçün yaxşı yol ki, qızıl nə forma var? 807 00:33:45,170 --> 00:33:47,295 Kimi, hansı forma fon qızıl rəngli? 808 00:33:47,295 --> 00:33:47,880 >> Auditoriya: Bu bir düzbucaqlı var. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS Reimers: Bu doğru, bir düzbucaqlı var? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON Buchholtz-AU: Bir oyun sual deyildi. 811 00:33:50,956 --> 00:33:51,870 [Gülüş] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS Reimers: çalışır deyil Bu gec uşaqlar bezemek üçün. 813 00:33:54,670 --> 00:33:57,510 Beləliklə, biz bu düzbucaqlı var. 814 00:33:57,510 --> 00:33:59,140 Və tag bir p doğru deyil? 815 00:33:59,140 --> 00:34:02,280 Belə ki, bizə yaxşı verir maddə inancını 816 00:34:02,280 --> 00:34:07,440 , bir düzbucaqlı kimi təmsil olunur browser nəzərə, ən azı hansı 817 00:34:07,440 --> 00:34:08,715 edir. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON Buchholtz-AU: Mən demək brauzerlər adətən düzbucaqlı 819 00:34:11,423 --> 00:34:13,440 belə ki, hissi verir. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS Reimers: fikir burada CSS ərzində tags bütün 821 00:34:18,750 --> 00:34:21,790 bir düzbucaqlı kimi təmsil olunur. 822 00:34:21,790 --> 00:34:25,699 Və hər düzbucaqlı dörd var CSS görə hissələri, OK? 823 00:34:25,699 --> 00:34:27,830 Siz faktiki məzmun var. 824 00:34:27,830 --> 00:34:29,644 Mətn yerləşir harada. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON Buchholtz-AU: Bəlkə şəkil. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS Reimers: Bəli. 827 00:34:31,303 --> 00:34:33,860 Siz ki, padding ağ kosmik yalnız bir növ. 828 00:34:33,860 --> 00:34:35,085 Sonra bir sərhəd var. 829 00:34:35,085 --> 00:34:37,710 Və sonra, margin olan ki, kənarda ağ sahibidir. 830 00:34:37,710 --> 00:34:39,460 Ki, heç bir əhəmiyyət kəsb edir, belə ki, hər kəs üçün, belə ki, biz istəyirik 831 00:34:39,460 --> 00:34:42,500 ikinci bu barədə danışacağıq. 832 00:34:42,500 --> 00:34:47,570 Belə ki, burada, biz nə olacaq nə Biz OK, bəzi divs yaratmaq olacaq mı? 833 00:34:47,570 --> 00:34:48,420 Mənə isə Üzr istisna olmaqla, mən 834 00:34:48,420 --> 00:34:51,506 >> ALLISON Buchholtz-AU: Mən kimi hiss Biz bir cute şəkil qoymaq lazımdır. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS Reimers: Biz mütləq olmalıdır. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON Buchholtz-AU: Mən hər kəs kimi hiss 837 00:34:53,389 --> 00:34:54,870 bir faydalana bilər cute şəkil, edir. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS Reimers: Kompüter biz Ü EA bütün fayda 839 00:34:56,774 --> 00:34:57,648 >> Auditoriya: Bəli, əmin olun. 840 00:34:57,648 --> 00:34:58,790 TOMAS Reimers: OK, sərin. 841 00:34:58,790 --> 00:35:02,254 Beləliklə, biz bir cute qoymalıdır haradasa şəkil. 842 00:35:02,254 --> 00:35:05,295 ALLISON Buchholtz-AU: Mən kimi hiss cute Bunny indi faydalı ola bilər. 843 00:35:05,295 --> 00:35:06,190 TOMAS Reimers: Sure. 844 00:35:06,190 --> 00:35:06,950 ALLISON Buchholtz-AU: həftənin sonu. 845 00:35:06,950 --> 00:35:07,390 Bir şey var adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS Reimers necə bir doğmaq bout? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON Buchholtz-AU: A kitten də işləyir. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS Reimers: Cool, çünki ki, bir site var. 849 00:35:11,300 --> 00:35:12,300 Bu PlaceKitten deyirlər. 850 00:35:12,300 --> 00:35:14,719 ALLISON Buchholtz-AU: Bu harika. 851 00:35:14,719 --> 00:35:15,510 TOMAS Reimers: Bəli. 852 00:35:15,510 --> 00:35:18,040 ALLISON Buchholtz-AU: Just kimi, üçün, Sizin veb tutucu images. 853 00:35:18,040 --> 00:35:18,914 TOMAS Reimers: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 PlacePuppy da var. 855 00:35:21,520 --> 00:35:22,832 Və PlaceBacon var. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON Buchholtz-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Həqiqətən, mi? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS Reimers: Oh, biz deyil burada internet girmə imkanı vardır. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON Buchholtz-AU: [GROANS] 860 00:35:29,875 --> 00:35:30,375 Faciəli. 861 00:35:30,375 --> 00:35:32,333 TOMAS Reimers: Əks halda, Mən sizə uşaqlar göstərir ki, 862 00:35:32,333 --> 00:35:33,870 necə web images qoymaq üçün. 863 00:35:33,870 --> 00:35:36,370 Biz bu almaq üçün cəhd olacaq biz getmək əvvəl çalışır. 864 00:35:36,370 --> 00:35:38,660 Amma indi, biz yalnız istəyirik sonra rəng danışmaq olacaq. 865 00:35:38,660 --> 00:35:39,820 Biz kittens-- şəkillər qoymaq istəyirəm 866 00:35:39,820 --> 00:35:40,210 >> ALLISON Buchholtz-AU: Biz etdi. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS Reimers: yükü internet üzrə Bu an üçün aşağı olan. 868 00:35:43,110 --> 00:35:47,820 Beləliklə, biz iki divs var və biz istəyirik Onlara iki kimlikleri verəcəyəm. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Biz zəng olacaq "Ilk" və "ikinci". 871 00:35:56,760 --> 00:36:01,184 Belə ki, id = "ilk". 872 00:36:01,184 --> 00:36:02,850 Biz onlara iki rəng vermək olacaq. 873 00:36:02,850 --> 00:36:08,424 Beləliklə, biz bir şey seçin necə "ilk" bir id ilə? 874 00:36:08,424 --> 00:36:09,840 ALLISON Buchholtz-AU: Dot və ya hash? 875 00:36:09,840 --> 00:36:10,730 Auditoriya: Sharp. 876 00:36:10,730 --> 00:36:12,940 TOMAS Reimers: Keskin, mükəmməl. 877 00:36:12,940 --> 00:36:14,950 Sharp, hash, nə we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON Buchholtz-AU: Şeyi çox zəng etmək. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS Reimers: OK. 880 00:36:16,430 --> 00:36:19,800 Biz hashtag həll etmək gedir və edirik ki, ilə getmək olacaq nə. 881 00:36:19,800 --> 00:36:20,300 OK? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON Buchholtz-AU: Hashtag. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS Reimers: Belə ki, hashtag ilk. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON Buchholtz-AU: Belə ki, Siz seminar-- tweet bilərsiniz 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, sərin hashtag. 886 00:36:27,582 --> 00:36:29,040 TOMAS Reimers: Hashtag awesomeness. 887 00:36:29,040 --> 00:36:30,730 ALLISON Buchholtz-AU: Hashtag awesomeness, bəli. 888 00:36:30,730 --> 00:36:31,480 TOMAS Reimers: OK. 889 00:36:31,480 --> 00:36:33,660 Beləliklə, biz "ilk" və "ikinci". Var 890 00:36:33,660 --> 00:36:37,697 Belə ki, ilk, biz olacaq qırmızı fon rəngi. 891 00:36:37,697 --> 00:36:39,030 ALLISON Buchholtz-AU: Uh, kolon. 892 00:36:39,030 --> 00:36:40,281 TOMAS Reimers: Yup. 893 00:36:40,281 --> 00:36:42,281 ALLISON Buchholtz-AU: Mən sizin spot-checker olacaq. 894 00:36:42,281 --> 00:36:43,960 TOMAS Reimers: Allison nin mənə var. 895 00:36:43,960 --> 00:36:45,830 Blue-- fonunda rəng 896 00:36:45,830 --> 00:36:46,810 >> TOMAS Reimers: Purple! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS Reimers: Purple. 898 00:36:47,726 --> 00:36:48,830 ALLISON Buchholtz-AU: Bəli. 899 00:36:48,830 --> 00:36:50,630 Purple mənim sevimli rəngi, və hələ istifadə deyil. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS Reimers: Violet. 901 00:36:51,546 --> 00:36:53,361 ALLISON Buchholtz-AU: Violet. 902 00:36:53,361 --> 00:36:53,860 Ki, işləyir. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS Reimers: Biz istəyirik iki divs gedir. 905 00:36:59,880 --> 00:37:01,654 Onlar tamamilə boş olacaq. 906 00:37:01,654 --> 00:37:03,070 Biz yəqin ki, bir mətn olmalıdır. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Belə ki, "ilk" olacaq "HELLO". 909 00:37:09,815 --> 00:37:10,940 Və "ikinci" demək olacaq 910 00:37:10,940 --> 00:37:11,110 >> ALLISON Buchholtz-AU: Goodbye. 911 00:37:11,110 --> 00:37:12,514 >> Auditoriya: - "WORLD". 912 00:37:12,514 --> 00:37:14,122 Vida, Hello. 913 00:37:14,122 --> 00:37:16,580 ALLISON Buchholtz-AU: gördüm Konsertdə onlara həftə. 914 00:37:16,580 --> 00:37:17,705 TOMAS Reimers: Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON Buchholtz-AU: reals üçün. 916 00:37:20,242 --> 00:37:21,200 Onlar böyük deyilik. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Mən bunu istəyirəm deyil. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS Reimers: Biz "HELLO" və "Əlvida". 920 00:37:26,060 --> 00:37:29,102 Və yenə, CSS, yalnız zəhmli deyil Bu, bizim rəng tanıyır. 921 00:37:29,102 --> 00:37:30,810 Belə ehtiyac yoxdur onlar mövcud ki, narahat. 922 00:37:30,810 --> 00:37:33,194 Onlar. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON Buchholtz-AU: onlar mövcuddur. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS Reimers: Belə ki, CSS I var 255 sözləri rəng haqqında danışmaq. 925 00:37:39,560 --> 00:37:42,986 Əgər kənarda bir rəng hesab edə bilər, əgər bu 255, kimi, mən heyran olacaq. 926 00:37:42,986 --> 00:37:44,110 ALLISON Buchholtz-AU: Bəli. 927 00:37:44,110 --> 00:37:45,560 Mən sizə uşaqlar ola bilər hesab edirəm ki, yalnız sağ sonra gəlir. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS Reimers: Belə ki, burada, biz iki qutuları var görəcəksiniz 929 00:37:47,727 --> 00:37:49,143 Sağ-birinə, sağ üst? 930 00:37:49,143 --> 00:37:50,200 HELLO və Goodbye. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON Buchholtz-AU: Arasında heç bir yer yoxdur. 932 00:37:51,460 --> 00:37:53,390 Onlar yalnız smooshed edirik Sağ-birinə üst. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS Reimers: Belə ki, ilk şey Hesab edirəm ki, haqqında danışmaq lazımdır tahmin 934 00:37:55,973 --> 00:38:02,960 də Bəli demək qoy edir. 935 00:38:02,960 --> 00:38:08,020 Belə ki, CSS qutuları növ kimi təmsil edir. 936 00:38:08,020 --> 00:38:10,100 Və qutuları kimi, onlar məzmun var. 937 00:38:10,100 --> 00:38:14,540 Və məzmun İndi sort edir HELLO və ya Goodbye və bu. 938 00:38:14,540 --> 00:38:15,040 OK? 939 00:38:15,040 --> 00:38:19,790 >> Ilk şey biri Belə ki, edə bilərsiniz padding əlavə edə bilərsiniz. 940 00:38:19,790 --> 00:38:25,610 Padding nə qədər yer deyir hər tərəfində tərk etməlidir. 941 00:38:25,610 --> 00:38:29,200 Belə ki, mən demək istəyirəm deyək Hər tərəfdə 10 piksel. 942 00:38:29,200 --> 00:38:31,234 Mən ikinci olduğu yarmaq edəcək. 943 00:38:31,234 --> 00:38:33,150 ALLISON Buchholtz-AU: Burada bunlar hamısı 944 00:38:33,150 --> 00:38:36,980 piksel əsasən olacaq Seminarın istirahət üçün. 945 00:38:36,980 --> 00:38:40,980 Siz var ki, görmək olacaq onun ətrafında bir yer, sağ? 946 00:38:40,980 --> 00:38:46,360 Belə ki, burada görmək nə var ki, padding bu görünməz sort 947 00:38:46,360 --> 00:38:49,600 kimi deyir ki, hər tərəfdə, on, OK, siz content-- sizin qutusu 948 00:38:49,600 --> 00:38:51,680 >> ALLISON Buchholtz-AU: Siz istəyirsiniz yalnız yoxlamaq element qoparmaq üçün necə? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS Reimers: Bəli, yaxşı bir fikirdir. 950 00:38:53,659 --> 00:38:56,700 ALLISON Buchholtz-AU: Həmçinin, mən tapmaq yoxlayacaq element yaxşı bir yoldur ki, 951 00:38:56,700 --> 00:39:01,280 Bir şey gedir əgər anlamaq üçün səhv, gözlənilməz bir şey baş, 952 00:39:01,280 --> 00:39:04,570 tags yoxlanılması və görən nə üzerine faydalıdır kimi. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS Reimers: Mən əmin deyiləm Sizlərin bu rəng görə bilərsiniz. 954 00:39:05,940 --> 00:39:06,470 Siz edə bilərəmmi? 955 00:39:06,470 --> 00:39:10,120 Bu padding görəcəksiniz kənar növ. 956 00:39:10,120 --> 00:39:13,410 Və sonra faktiki bax mavi content, sağ? 957 00:39:13,410 --> 00:39:16,820 Belə ki, çox var qutusu model əsasları. 958 00:39:16,820 --> 00:39:17,674 Siz məzmun var. 959 00:39:17,674 --> 00:39:18,590 Sonra padding var. 960 00:39:18,590 --> 00:39:20,440 >> Auditoriya: Niyə yalnız deyil the-- daxilində qutusu istifadə 961 00:39:20,440 --> 00:39:21,606 >> ALLISON Buchholtz-AU: Sağ. 962 00:39:21,606 --> 00:39:24,745 Yalnız seçilməsi, çünki İndi element. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS Reimers: Yup. 964 00:39:26,050 --> 00:39:27,060 Digər şeylər. 965 00:39:27,060 --> 00:39:29,780 Belə ki, bu barədə danışmaq edək ikinci padding komanda. 966 00:39:29,780 --> 00:39:36,380 CSS, ölçmə Belə ki, vahid lazımdır. 967 00:39:36,380 --> 00:39:39,740 Belə ki, ilk siz məbləği var. 968 00:39:39,740 --> 00:39:41,460 Belə ki, bu halda, biz 10 bildirib etdik. 969 00:39:41,460 --> 00:39:44,780 Və sonra növbəti bir bildirib etdik biz piksel, px edir. 970 00:39:44,780 --> 00:39:49,160 Siz ola bilər, digər olanlardır santimetr düym kimi şeylər. 971 00:39:49,160 --> 00:39:51,367 Siz hər şeyi kimi edə bilər, 10 düym nədir? 972 00:39:51,367 --> 00:39:52,700 Və bu gülməli olacaq. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON Buchholtz-AU: Oh, oğlan. 974 00:39:52,990 --> 00:39:53,460 >> Auditoriya: Whoa. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS və ALLISON: Bəli. 976 00:39:54,460 --> 00:39:57,840 TOMAS Reimers: Belə ki, bütün padding var. 977 00:39:57,840 --> 00:39:59,255 Mən piksel geri gedirəm. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON Buchholtz-AU: Pixels standart kimi, olur. 979 00:40:01,754 --> 00:40:04,589 Siz web sites bir çox baxdığımızda, onlar əsasən piksel çalışır. 980 00:40:04,589 --> 00:40:07,755 TOMAS Reimers: Belə ki, görmək olacaq ya görmək digər olanları pixels-- 981 00:40:07,755 --> 00:40:13,952 bir em edir ki, em edir font hündürlüyü bərabər 982 00:40:13,952 --> 00:40:15,160 siz hal-hazırda istifadə etdiyiniz. 983 00:40:15,160 --> 00:40:16,201 >> ALLISON Buchholtz-AU: Mm. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS Reimers: Bu, demək yaxşı bir yoldur kimi, mən yazı qədər yer istəyirəm 986 00:40:20,740 --> 00:40:21,514 qəbul edir. 987 00:40:21,514 --> 00:40:23,180 ALLISON Buchholtz-AU: bilirik ki, yox idi. 988 00:40:23,180 --> 00:40:25,747 Siz yeni bir şey hər gün öyrənmək. 989 00:40:25,747 --> 00:40:27,955 TOMAS Reimers: var bir CS ölçmə var. 990 00:40:27,955 --> 00:40:29,260 Mən sizə onlara baxmaq gəlir. 991 00:40:29,260 --> 00:40:32,122 Bütün hallarda, mən hesab edirəm ki, piksel kifayət qədər olmalıdır. 992 00:40:32,122 --> 00:40:33,830 Və onlar da etdiyiniz nə Siz görmək olacaq 993 00:40:33,830 --> 00:40:36,520 online həyata nümunələri əksəriyyətində. 994 00:40:36,520 --> 00:40:38,320 Beləliklə, biz piksel onu tərk edəcəyik. 995 00:40:38,320 --> 00:40:42,420 >> Siz həmçinin, mən demək bilər padding dəstləri paddings bütün. 996 00:40:42,420 --> 00:40:49,789 Siz həmçinin kimi bir şey edə bilərsiniz Yalnız set-- üçün "padding-top" 997 00:40:49,789 --> 00:40:52,080 ALLISON Buchholtz-AU: Bəlkə biz "HELLO" geri almaq lazımdır. 998 00:40:52,080 --> 00:40:55,480 TOMAS Reimers: yalnız müəyyən --to üst və başqa heç bir şey padding. 999 00:40:55,480 --> 00:40:59,560 Belə ki, dörd əmrləri padding-top var, padding-bottom, padding-sol, 1000 00:40:59,560 --> 00:41:00,310 və padding sağ. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON Buchholtz-AU: Just kimi Bir qutu üçün gözləmək olardı. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS Reimers: Bəli. 1003 00:41:03,530 --> 00:41:05,240 Heç bir şey yoxdur çox crazy. 1004 00:41:05,240 --> 00:41:08,230 Ki, hissi edirmi? 1005 00:41:08,230 --> 00:41:11,990 Belə ki, padding edir. 1006 00:41:11,990 --> 00:41:14,110 Mən bütün qurmaq üçün gedirəm geri 10 paddings. 1007 00:41:14,110 --> 00:41:17,010 Və sonra mən sərhədə hərəkət gedirəm. 1008 00:41:17,010 --> 00:41:21,130 >> Belə ki, nə sərhəd deyil sərhəd qəribə komanda var. 1009 00:41:21,130 --> 00:41:24,450 Bu dəfə üç şeyi növ edir. 1010 00:41:24,450 --> 00:41:28,930 Belə ki, ilk siz necə böyük bir ölçü kimi olmaq istəyirəm. 1011 00:41:28,930 --> 00:41:30,662 Yenə yalnız piksel istifadə edirəm. 1012 00:41:30,662 --> 00:41:32,620 Və son şey ölçmələr əlavə etməlidir 1013 00:41:32,620 --> 00:41:35,270 bir şey olan Bir vahid lazım deyil 0. 1014 00:41:35,270 --> 00:41:37,390 Bu, həqiqətən düzgün deyil 0 vahid vermək, 1015 00:41:37,390 --> 00:41:41,940 0 0 düym arasında, çünki, piksel, santimetr, nə. 1016 00:41:41,940 --> 00:41:43,960 Bu, bütün sağ, 0 deməkdir? 1017 00:41:43,960 --> 00:41:46,710 Belə ki, ilk siz ölçü verir. 1018 00:41:46,710 --> 00:41:48,650 >> Sonra bu stil verir. 1019 00:41:48,650 --> 00:41:49,869 Beləliklə, mən demək gedirəm "möhkəm". 1020 00:41:49,869 --> 00:41:51,410 Və biz o deməkdir ki, nə haqqında danışmaq lazımdır. 1021 00:41:51,410 --> 00:41:54,290 Və sonra nəhayət, siz bir rəng verir. 1022 00:41:54,290 --> 00:41:56,850 Beləliklə, mən demək gedirəm "qara". 1023 00:41:56,850 --> 00:41:59,637 Bu biz hər şeyi var İndi stil istisna olmaqla, əvvəl görüldü, 1024 00:41:59,637 --> 00:42:00,720 lakin biz bu barədə danışacağıq. 1025 00:42:00,720 --> 00:42:04,120 Belə ki, uşaqlar ölçmə gördük, və rəng gördüm. 1026 00:42:04,120 --> 00:42:10,410 Və nə olur biz bu almaq onun ətrafında gözəl qara sərhəd, sağ? 1027 00:42:10,410 --> 00:42:11,620 Ki, necə uşaqlar görmək? 1028 00:42:11,620 --> 00:42:12,760 >> Auditoriya: Bəli. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS Reimers: Cool. 1030 00:42:14,850 --> 00:42:17,370 Belə ki, nə? 1031 00:42:17,370 --> 00:42:19,160 Belə ki, ilk növbədə, bir pixel var. 1032 00:42:19,160 --> 00:42:20,880 Bu doğru, kifayət qədər öz-özünə aydın deyil? 1033 00:42:20,880 --> 00:42:23,254 Kimi, bir pixel qalın. 1034 00:42:23,254 --> 00:42:26,170 Və ya bir pixel olardı, lakin mən Bu bir az daha çox, belə ki, zoomed 1035 00:42:26,170 --> 00:42:26,490 daha. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON Buchholtz-AU: Biz var Bu gülünc qətnamə TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS Reimers: Bəli. 1038 00:42:29,460 --> 00:42:33,640 Siz böyük edə bilər, kiçik, nə. 1039 00:42:33,640 --> 00:42:35,630 Belə ki, burada iki pixel sərhəd var. 1040 00:42:35,630 --> 00:42:38,810 Siz qalın iki dəfə var görəcəksiniz. 1041 00:42:38,810 --> 00:42:40,172 Siz növbəti şey rəng deyil. 1042 00:42:40,172 --> 00:42:41,130 Ki, maraqlı deyil. 1043 00:42:41,130 --> 00:42:42,710 Mən danışmaq fikrində deyiləm Həqiqətən, bu barədə. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON Buchholtz-AU Lakin stil bir az maraqlı ola bilər. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS Reimers: Bəli. 1046 00:42:45,980 --> 00:42:48,560 Stil Belə ki, bir neçə olanlar var Mən çox istifadə görmək edir. 1047 00:42:48,560 --> 00:42:55,690 İlk bir bərk, növbəti bir üzrə dotted, və son bir berbat. 1048 00:42:55,690 --> 00:42:59,290 Və burada dotted olunur. 1049 00:42:59,290 --> 00:43:02,980 Siz onlar istəyirik ki, görəcəksiniz nöqtələr bir dəstə, sağ? 1050 00:43:02,980 --> 00:43:09,030 Sort gözəl sərhəd almaq üçün yaxşı bir yoldur gedir, tire da olduqca populyardır. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON Buchholtz-AU: Və sonra, əlbəttə, mən 1053 00:43:13,600 --> 00:43:16,660 Emin digər var Siz əldə edə bilərsiniz üslub. 1054 00:43:16,660 --> 00:43:20,000 Və biz böyük bir set var uşaqlar üçün sonunda links 1055 00:43:20,000 --> 00:43:23,470 cür diqqətlə oxumaq və daha sərin CSS oldu. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS Reimers: Və sonra son şey, biz istəyirik 1057 00:43:25,954 --> 00:43:27,870 haqqında danışmaq gedir qutusu modelləri real sürətli. 1058 00:43:27,870 --> 00:43:30,070 Oh, və sonra sərhəd, tam padding kimi, 1059 00:43:30,070 --> 00:43:33,270 Siz həmçinin kimi şeylər var sərhəd-sol sərhəd-sağ, sərhəd-top, 1060 00:43:33,270 --> 00:43:37,590 sərhəd-alt, sizə imkan verir xüsusi sərhəddə almaq üçün. 1061 00:43:37,590 --> 00:43:40,650 Belə ki, burada yalnız sərhəd sol müəyyən edir. 1062 00:43:40,650 --> 00:43:43,060 Ki, hissi verir mu? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON Buchholtz-AU: Bu sərin var yol şeyi vurğulamaq və ya əlavə etmək 1064 00:43:46,170 --> 00:43:47,545 müxtəlif elementləri arasında xətləri. 1065 00:43:47,545 --> 00:43:48,670 TOMAS Reimers: Absolutely. 1066 00:43:48,670 --> 00:43:50,940 Belə ki, bizim sərhəd var. 1067 00:43:50,940 --> 00:43:52,790 Və son bir margin. 1068 00:43:52,790 --> 00:43:55,892 Margin nin kimi padding Bu within-- deyil istisna olmaqla, 1069 00:43:55,892 --> 00:43:57,975 ALLISON Buchholtz-AU: Bu Sizin element ətrafında 1070 00:43:57,975 --> 00:44:00,840 lakin əslində bütün, ətrafında box biz görən etdik ki,. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS Reimers: Bəli. 1072 00:44:02,770 --> 00:44:04,090 Allison mükəmməl bildirib. 1073 00:44:04,090 --> 00:44:07,550 Bu sizin daxili kimi deyil, element, bütün qutusu ətrafında var. 1074 00:44:07,550 --> 00:44:10,900 Bu kimi şeylər deməkdir background ona tətbiq edilmir. 1075 00:44:10,900 --> 00:44:13,550 Və bu, əsasən deyir kimi, mən bir şey istəmirəm 1076 00:44:13,550 --> 00:44:15,230 Mənim üçün bu qədər məkanda. 1077 00:44:15,230 --> 00:44:17,470 Biz burada kimi Belə ki, 10 piksel margin. 1078 00:44:17,470 --> 00:44:23,100 10 piksel Belə ki, heç bir şey yanımda olmalıdır. 1079 00:44:23,100 --> 00:44:26,210 Bu cür onun space lakin cür deyil. 1080 00:44:26,210 --> 00:44:29,215 Belə ki, çox var qutusu model əsasları. 1081 00:44:29,215 --> 00:44:30,090 Ki, hissi edirmi? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Cool, sərin. 1084 00:44:34,550 --> 00:44:35,800 ALLISON Buchholtz-AU: Awesome. 1085 00:44:35,800 --> 00:44:37,890 Belə ki, indi mən yalnız biz hesab edirəm ki, Bizim sərin resursları 1086 00:44:37,890 --> 00:44:41,220 Biz uşaqlar almaq lazımdır ki, çox tez vasitəsilə. 1087 00:44:41,220 --> 00:44:44,815 Və biz də, həqiqətən lazımdır, Biz hələ internet var? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS Reimers: edək Mən gündəmə aça bilər görmek 1089 00:44:47,860 --> 00:44:50,040 Mənə yalnız görmek imkan I tez internet əldə edə bilərsiniz 1090 00:44:50,040 --> 00:44:53,317 Allison bir şey haqqında danışır isə Allison haqqında danışmaq istəyir. 1091 00:44:53,317 --> 00:44:55,150 ALLISON Buchholtz-AU: Belə ki, basically-- Mən bunu 1092 00:44:55,150 --> 00:44:57,930 Mən bu nöqtədə demək olar nə bilirik. 1093 00:44:57,930 --> 00:45:01,340 Lakin bu bəzi həqiqətən yaxşı resursları. 1094 00:45:01,340 --> 00:45:04,629 Bu olanlardır ki, Tomas və mən istifadə 1095 00:45:04,629 --> 00:45:06,420 və biz, həqiqətən, Bunun üçün hazırlayıcı üçün istifadə olunur. 1096 00:45:06,420 --> 00:45:09,940 W3Schools biridir ki, uşaqlar əvvəl görüldü olmalıdır. 1097 00:45:09,940 --> 00:45:12,440 Biz üçün tövsiyə CSS ilə şeyi var. 1098 00:45:12,440 --> 00:45:15,060 Mən tövsiyə bilirik Mənim bölmə hər zaman. 1099 00:45:15,060 --> 00:45:21,050 >> Böyük şeyi biri bu ki, CSS ilə mess cür imkan verir 1100 00:45:21,050 --> 00:45:23,830 və dəyişikliklər görmək dərhal bu, 1101 00:45:23,830 --> 00:45:25,920 kimi cüt pəncərə sahib olduğunu görmək. 1102 00:45:25,920 --> 00:45:29,980 Belə ki, narahat yoxdur Öz web page yaradılması, 1103 00:45:29,980 --> 00:45:33,090 və ya vhost qurmaq sizin Yerli cihaz və yerli host, 1104 00:45:33,090 --> 00:45:34,980 və bütün stuff iş əldə. 1105 00:45:34,980 --> 00:45:36,830 Bu hüququ page yerleştirilmiştir. 1106 00:45:36,830 --> 00:45:39,042 >> Və bu az var dərslər bilərsiniz ki, 1107 00:45:39,042 --> 00:45:40,750 öyrənmək keçmək seçiciler haqqında daha çox, 1108 00:45:40,750 --> 00:45:44,610 və ya manipulyasiya haqqında məlumat sizin font, və ya fon və ya image. 1109 00:45:44,610 --> 00:45:46,990 Və bu var ani nəticələr ki, 1110 00:45:46,990 --> 00:45:49,310 hər hansı yoxdur digər hazırlayıcı iş. 1111 00:45:49,310 --> 00:45:51,060 Beləliklə, mən W3Schools sevirəm. 1112 00:45:51,060 --> 00:45:51,960 Bu inanılmaz deyil. 1113 00:45:51,960 --> 00:45:52,670 Bu mümkündürmü? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS Reimers: Bəli. 1115 00:45:52,950 --> 00:45:53,720 Xeyr, deyil. 1116 00:45:53,720 --> 00:45:55,636 Mənə cəhd istəyirsiniz və kompüterinizi yenidən başladın? 1117 00:45:55,636 --> 00:45:56,410 Yoxsa biz to-- istəyirik 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON Buchholtz-AU: Mən demək Yaxşı, bu da online olacaq. 1119 00:46:01,490 --> 00:46:02,740 Bütün slaydlar online olacaq. 1120 00:46:02,740 --> 00:46:05,470 Mən yalnız yüksək bu bunu gəlir. 1121 00:46:05,470 --> 00:46:07,880 >> Bu kimi böyük bir istifadə etmək hesabatı kimi. 1122 00:46:07,880 --> 00:46:10,690 Bu, sadəcə bütün əsas var Siz var ki, əmrləri. 1123 00:46:10,690 --> 00:46:13,070 Ilk etdiyiniz zaman Bu böyük Sizin veb başlayır. 1124 00:46:13,070 --> 00:46:15,080 Bəlkə çünki bütün daxil almaq istəyirəm 1125 00:46:15,080 --> 00:46:17,355 gritty real asıl dizayn ağır stuff. 1126 00:46:17,355 --> 00:46:20,230 Siz yalnız bir şəkildə onu format etməlisiniz bu cür hissi və iradəsini edir 1127 00:46:20,230 --> 00:46:21,490 hazırda yoxdur. 1128 00:46:21,490 --> 00:46:23,580 Və həqiqətən istəyirsinizsə onu almaq üçün bilirəm 1129 00:46:23,580 --> 00:46:27,240 bu kimi biridir Tomas sevimli istinadlar. 1130 00:46:27,240 --> 00:46:30,130 Biz istifadə edilmişdir hazırlayıcı və bu inanılmaz deyil. 1131 00:46:30,130 --> 00:46:33,030 Bu Mozilla olan Developer var. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS Reimers: Yəni Mozilla var Firefox edən insanlar. 1133 00:46:36,490 --> 00:46:40,290 Və yalnız öz geliştirici deyil Mən hesab edirəm ki, arayış, zəhmli deyil. 1134 00:46:40,290 --> 00:46:44,870 Və bu bir gözəl var resurslarının siyahısı. 1135 00:46:44,870 --> 00:46:45,530 Belə ki, biz yaxşıdır 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON Buchholtz-AU: Və sonra son qeyd 1137 00:46:48,060 --> 00:46:50,120 zaman çalışdığınız , Sizin veb dizayn 1138 00:46:50,120 --> 00:46:53,550 şeyi ilham cəlb ki, olduqca edirəm. 1139 00:46:53,550 --> 00:46:56,340 Element yoxlanılması, mənbə kodu yoxladıqdan 1140 00:46:56,340 --> 00:46:59,370 super faydalı ola bilər şekillendirmek üçün çalışırıq üçün 1141 00:46:59,370 --> 00:47:02,080 necə öz web stil. 1142 00:47:02,080 --> 00:47:04,540 >> Tez-tez, mən yaxşı kimi hiss yol, təcrübə ilə yanaşı, 1143 00:47:04,540 --> 00:47:06,290 Yalnız baxmaq edir olduqca şeylər. 1144 00:47:06,290 --> 00:47:09,810 Mən yalnız çətin həqiqətən tapmaq növ öz şeyi dizayn, 1145 00:47:09,810 --> 00:47:11,090 xüsusilə əvvəlində. 1146 00:47:11,090 --> 00:47:14,740 Belə ki, web baxın Siz baxaraq zövq. 1147 00:47:14,740 --> 00:47:16,880 Edir nə anlamaq Onlara müraciət. 1148 00:47:16,880 --> 00:47:19,170 Və sonra çekinmeyin cəhd və kopya. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS Reimers: Sağ. 1150 00:47:20,410 --> 00:47:23,120 Hətta web kimi Bu kimi, siz görə bilərsiniz 1151 00:47:23,120 --> 00:47:25,460 üst bir div mütləq var. 1152 00:47:25,460 --> 00:47:29,920 Və sonra başqa bir div var Burada olan CSS awesomeness edir. 1153 00:47:29,920 --> 00:47:32,480 Və sonra burada links bir dəstə var. 1154 00:47:32,480 --> 00:47:34,770 Siz, həqiqətən, yalnız yoxlamaq əgər elementləri, siz sıralayabilirsiniz 1155 00:47:34,770 --> 00:47:38,520 web nə görmək başlamaq kimi baxmaq və necə Mən 1156 00:47:38,520 --> 00:47:40,493 Mən istəyirdim ki, əgər yeniden. 1157 00:47:40,493 --> 00:47:41,890 Ki, hissi edirmi? 1158 00:47:41,890 --> 00:47:43,670 Beləliklə, biz yalnız sol üç dəqiqə var. 1159 00:47:43,670 --> 00:47:46,380 Sual Belə ki? 1160 00:47:46,380 --> 00:47:47,650 Onların hər hansı? 1161 00:47:47,650 --> 00:47:48,350 Bəli. 1162 00:47:48,350 --> 00:47:50,780 >> Auditoriya: rəng üçün düzbucaqlı, necə ki 1163 00:47:50,780 --> 00:47:53,499 istədiyiniz olmasaydı yaxşıdır bütün səhifə boyunca bilər gedir 1164 00:47:53,499 --> 00:47:56,400 Siz yalnız arasında getmək etdik yarım səhifə və ya yalnız mətn? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS Reimers: Bəli, tamamilə. 1166 00:47:59,660 --> 00:48:02,780 Mənə həqiqətən görmək bildirin. 1167 00:48:02,780 --> 00:48:04,670 Mən iki fikir var. 1168 00:48:04,670 --> 00:48:07,265 Bütün Belə ki, ilk, siz də faiz istifadə edə bilərsiniz. 1169 00:48:07,265 --> 00:48:08,140 >> Auditoriya: Həqiqətən, mi? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON Buchholtz-AU: Belə bir şey axtarmaq üçün nisbi yerləşdirilməsi edir. 1171 00:48:11,260 --> 00:48:13,385 Bu bir şey var ki, biz almaq üçün vaxt yoxdur, 1172 00:48:13,385 --> 00:48:16,392 lakin mən mütləq bir şey var Siz uşaqlar həyata yoxlanılması gəlir. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS Reimers: Belə ki, faiz. 1174 00:48:17,580 --> 00:48:21,524 Biz bunu necə görmək eni 50%? 1175 00:48:21,524 --> 00:48:24,190 ALLISON Buchholtz-AU: Əgər həqiqətən piksel sayı bilmək, 1176 00:48:24,190 --> 00:48:25,780 ki, yol daha dəqiq ola bilər. 1177 00:48:25,780 --> 00:48:27,200 Siz ətrafında fiddle bilərsiniz. 1178 00:48:27,200 --> 00:48:27,700 Lakin 50%. 1179 00:48:27,700 --> 00:48:31,970 Biz brauzer ölçüsünü olsaydı, Bu kiçik edəcək. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS Reimers: Bəli, bu əsasən 50% indi, mən hesab edirəm. 1181 00:48:35,250 --> 00:48:38,820 O margin 50%, və ki, əlavə edilmişdir. 1182 00:48:38,820 --> 00:48:40,100 CSS quirks bir çox var. 1183 00:48:40,100 --> 00:48:43,195 Belə ki, indi bu Səhifə eni 50%. 1184 00:48:43,195 --> 00:48:46,860 Amma 10 var unutmayın ki, piksel hər tərəfdən hücuma qalxdı. 1185 00:48:46,860 --> 00:48:49,700 Belə ki, əgər qarşı hərəkət idi brauzerinizin sol kənarında, 1186 00:48:49,700 --> 00:48:51,550 o, 50% kimi görünür. 1187 00:48:51,550 --> 00:48:53,884 Dediyim kimi Yenə, CSS bilər tahmin və çek bir çox olacaq. 1188 00:48:53,884 --> 00:48:56,049 Kimi, bir şey hesab edirəm bir yol hərəkət olacaq, 1189 00:48:56,049 --> 00:48:57,805 lakin tamamilə fərqli bir şəkildə davranır. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON Buchholtz-AU: Və yalnız asan almaq 1191 00:48:59,420 --> 00:49:02,020 və yalnız daha yaxşı almaq Bunun üçün intuisiya siz boyunca hərəkət kimi. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS Reimers: Və pis və pis olur. 1193 00:49:02,730 --> 00:49:03,496 Belə ki, həqiqətən, yalnız bir yarış var. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON Buchholtz-AU: Bu super təşviq edir. 1195 00:49:05,454 --> 00:49:07,070 Biz onlara CSS kimi istəyirəm. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS Reimers: CSS zəhmli deyil. 1197 00:49:08,810 --> 00:49:10,354 Ki, unutmayın. 1198 00:49:10,354 --> 00:49:11,020 Digər suallar? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON Buchholtz-AU: bir şey. 1200 00:49:14,297 --> 00:49:14,880 Başqa bir şey? 1201 00:49:14,880 --> 00:49:15,140 Cool. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS Reimers: Awesome. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON Buchholtz-AU: Bəli, əgər uşaqlar, sonra hər hansı bir sualınız 1204 00:49:18,523 --> 00:49:20,919 biz həmişə adi kimi mövcud istəyirik. 1205 00:49:20,919 --> 00:49:22,960 Siz yəqin ki, bəzi görəcəksiniz son layihələr üçün bizə olunması 1206 00:49:22,960 --> 00:49:24,280 və mütləq Hackathon edir. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS Reimers: Absolutely. 1208 00:49:25,200 --> 00:49:25,720 Və sərgidə. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON Buchholtz-AU: Və sərgidə. 1210 00:49:26,560 --> 00:49:26,840 Oh. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS Reimers: gözləyirik Sizin awesome-- bütün görən 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON Buchholtz-AU: Baxarıq zəhmli web sites bütün 1213 00:49:29,420 --> 00:49:30,572 ki, gözəl olacaq. 1214 00:49:30,572 --> 00:49:32,780 TOMAS Reimers: Siz həmişə bilərsiniz kimi, web bax 1215 00:49:32,780 --> 00:49:36,234 kim, sonra kimi, yaxşı CSS var idi CSS etmək üçün cəhd etməyən bu kimi. 1216 00:49:36,234 --> 00:49:39,150 ALLISON Buchholtz-AU: Həmçinin, digər şey baxmaq bir şey 1217 00:49:39,150 --> 00:49:40,445 Bootstrapping edir. 1218 00:49:40,445 --> 00:49:41,805 Belə ki, Bootstrap böyükdür. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS Reimers: Google ki, əgər Səninlə 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON Buchholtz-AU: Google. 1221 00:49:43,573 --> 00:49:44,340 Bu inanılmaz deyil. 1222 00:49:44,340 --> 00:49:45,620 Siz onu sevmək lazımdır. 1223 00:49:45,620 --> 00:49:48,000 İndi bir var ki, CSS əsas anlayışı, 1224 00:49:48,000 --> 00:49:50,340 Bu bir çox mənada etmək lazımdır. 1225 00:49:50,340 --> 00:49:50,890 Awesome. 1226 00:49:50,890 --> 00:49:51,480 Thanks, uşaqlar. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS Reimers: çox təşəkkür edirik. 1228 00:49:53,330 --> 00:49:54,219