1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [MÜZİK OYUN] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 ALLISON BUCHHOLTZ-AU: Yani Biz temelde sadece gidiyoruz 5 00:00:12,224 --> 00:00:14,629 Size bir özet vermek CSS, biz biliyoruz çünkü 6 00:00:14,629 --> 00:00:16,420 o kapalı değildi Bütün bölümlerde. 7 00:00:16,420 --> 00:00:20,090 Ve biz gerçekten emin olmak istiyorum sen çocuklar, senin emrinde bu aracı var 8 00:00:20,090 --> 00:00:24,790 bunu yapmak için yeteneğine sahiptir, çünkü web siteleri çok daha güzel görünüyorsun. 9 00:00:24,790 --> 00:00:28,660 >> Ve bir web sitesi inşa eğer, o zaman muhtemelen oldukça yapmak istiyorum. 10 00:00:28,660 --> 00:00:31,372 Yani, gerek yok, ama bunu öneririm. [Gülüyor] 11 00:00:31,372 --> 00:00:35,430 Kullanıcıların kullanmak istiyorsanız, size olabilir biraz [duyulamaz] yapmak istiyorum. 12 00:00:35,430 --> 00:00:39,130 Yani biz denemek ve size sadece vermek için gidiyoruz bazı temel araçları ve anlayış, 13 00:00:39,130 --> 00:00:42,340 böylece dışarı çıkmak ve sen ne zaman CSS hakkında bir şeyler araştırma, 14 00:00:42,340 --> 00:00:45,902 bu anlamsız tamamlamak değil, CSS gibi bazen olmak. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: Evet. 16 00:00:47,240 --> 00:00:49,930 Allison oldukça iyi dedi. 17 00:00:49,930 --> 00:00:53,250 Yani ilk şey, biz sanırım CSS ne olduğudur ile başlamalıdır? 18 00:00:53,250 --> 00:00:55,750 Yani CSS harika. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ-AU: İşte Bizim seminer adı. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: Evet. 22 00:00:58,434 --> 00:01:00,130 Bu gerçekten önemli Eğer o kadar anlıyorum. 23 00:01:00,130 --> 00:01:03,090 Eğer sadece bir tane alıp Eğer müthiş eğer bir şey, o CSS. 24 00:01:03,090 --> 00:01:06,180 İki CSS için standları Cascading Style Sheets. 25 00:01:06,180 --> 00:01:10,380 Yani özünde, CSS anlamına gelen bir stil sayfası, 26 00:01:10,380 --> 00:01:13,200 Eğer bir web sayfası tarzı sağlar. 27 00:01:13,200 --> 00:01:16,609 Ve sonra ne demek olduğunu, bu kadar bir yolu web sitelerine stil eklemek için. 28 00:01:16,609 --> 00:01:18,900 Yani tarzı ile, her şeyi demek Bu structural-- değil 29 00:01:18,900 --> 00:01:24,350 böylece renkleri gibi şeyler, arka plan görüntüler, sınırlar gibi, dolgu, 30 00:01:24,350 --> 00:01:25,040 marjları. 31 00:01:25,040 --> 00:01:27,310 Biz bahsedeceğiz ne Tüm bu biraz anlamına gelir. 32 00:01:27,310 --> 00:01:30,110 >> Yani biz sadece önde gitti ve ettik gedit bu kadar her ikisi de açtı. 33 00:01:30,110 --> 00:01:32,680 Yani bu index.html olduğunu. 34 00:01:32,680 --> 00:01:34,800 Bu main.css olup. 35 00:01:34,800 --> 00:01:36,829 Yani main.css bir şey vardır. 36 00:01:36,829 --> 00:01:38,412 ALLISON BUCHHOLTZ-AU: Henüz tarzı. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: Yoktur. 38 00:01:39,245 --> 00:01:42,577 Göreceğiniz gibi, bu kadar gerçekten çirkin bir site. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ-AU: Bu sadece düz değil. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: Evet. 41 00:01:45,820 --> 00:01:49,150 Evet, bu çirkin değil sadece minimalist. 42 00:01:49,150 --> 00:01:53,430 Ve sonra burada index.html var. 43 00:01:53,430 --> 00:01:55,729 Ve böylece hızlı için HTML, Allison recap, 44 00:01:55,729 --> 00:01:57,270 Sadece sayfa hakkında konuşmak istiyorum? 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ-AU: Evet. 46 00:01:58,395 --> 00:02:01,100 Yani açıkçası, bizim HTML var etiket, sadece isimler HTML dosyası. 47 00:02:01,100 --> 00:02:07,080 Biz CSS ile, burada bizim başlık var Awesomeness, hususların geri gidin. 48 00:02:07,080 --> 00:02:07,720 Nerede bu? 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: Ah. 50 00:02:09,136 --> 00:02:10,301 Evet, sen görebilirsiniz. 51 00:02:10,301 --> 00:02:12,092 ALLISON BUCHHOLTZ-AU: Ve başlığını fark 52 00:02:12,092 --> 00:02:14,120 Sağ buraya bu sekme başlığıdır. 53 00:02:14,120 --> 00:02:17,130 Ve ardından "Merhaba dünya!" olduğunu biz sadece var metin 54 00:02:17,130 --> 00:02:19,620 web üzerinde görüntüleme Geri dönmek bu-- sayfası. 55 00:02:19,620 --> 00:02:21,290 Geri. 56 00:02:21,290 --> 00:02:24,287 Hangi sadece bizim vücutta olduğunu Düz metin ötürü--. 57 00:02:24,287 --> 00:02:26,120 Ayrıca, bir şey için Burada bakarsanız, fark, 58 00:02:26,120 --> 00:02:29,410 Tomas bu kadar açık Bizim slayt iki. 59 00:02:29,410 --> 00:02:32,035 Yani sürece hepsi var gibi Bunlardan üç, sen iyisin. 60 00:02:32,035 --> 00:02:34,044 Onlar istedikleri sipariş olabilir. 61 00:02:34,044 --> 00:02:39,368 Ne en önemli sadece budur Eğer bu üç şey her vardır. 62 00:02:39,368 --> 00:02:40,340 >> TOMAS REIMERS: Serin. 63 00:02:40,340 --> 00:02:41,111 Bir doktor türü ekle? 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ-AU: Evet. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: Evet. 66 00:02:43,068 --> 00:02:43,769 Serin. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ-AU: Görünüşe göre, Benim mikrofonlar beni sevmiyorum. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: Oh, sadece bize bir saniye ver Allison onun mikrofon dışarı anahtarları ise. 69 00:02:49,650 --> 00:02:50,500 Yani evet. 70 00:02:50,500 --> 00:02:52,030 Yani bizim ana sayfa var. 71 00:02:52,030 --> 00:02:53,890 Bu stillendirilmemiş tür. 72 00:02:53,890 --> 00:02:54,780 Biz çok fazla yok. 73 00:02:54,780 --> 00:02:57,110 Biz sadece temelde metin var. 74 00:02:57,110 --> 00:02:59,470 Biz stil sayfasını var. 75 00:02:59,470 --> 00:03:00,220 Biz başlık var. 76 00:03:00,220 --> 00:03:04,020 Yani sadece çıplak kemikli bileşenleri bir web sitesi yapmak. 77 00:03:04,020 --> 00:03:08,880 >> Oradan Yani, hadi CSS nedir hakkında konuşmak 78 00:03:08,880 --> 00:03:11,270 ve benzeri ve bunun tüm göründüğünü. 79 00:03:11,270 --> 00:03:12,047 Yani ki- için 80 00:03:12,047 --> 00:03:13,755 ALLISON BUCHHOLTZ-AU: Geri slaytlar. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: slaytlar Geri. 82 00:03:15,200 --> 00:03:17,240 Ve Allison üzerinden alabilir. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ-AU: Woo. 84 00:03:18,720 --> 00:03:19,220 TAMAM MI. 85 00:03:19,220 --> 00:03:22,360 , CSS dosyasındaki Yani Eğer zorunda gidiyoruz 86 00:03:22,360 --> 00:03:25,010 Bu bir çok şey seçiciler çağırdı. 87 00:03:25,010 --> 00:03:27,420 Bu sadece olacak CSS dosyasının temelini. 88 00:03:27,420 --> 00:03:29,480 Sadece olacak çok ve bu çok. 89 00:03:29,480 --> 00:03:30,780 Yani seçici. 90 00:03:30,780 --> 00:03:32,649 Bu sadece genel anatomisi. 91 00:03:32,649 --> 00:03:35,190 Biz aracılığıyla gidiyoruz örnekler, çünkü eğer siz asla 92 00:03:35,190 --> 00:03:38,400 Ben hissediyorum, benim bölüm izledim soyut şeyler gibi 93 00:03:38,400 --> 00:03:39,400 gerçekten mantıklı değil. 94 00:03:39,400 --> 00:03:41,110 Her zaman örnekleri görmek için yardımcı olur. 95 00:03:41,110 --> 00:03:42,420 >> Bu yüzden bazı seçici var. 96 00:03:42,420 --> 00:03:49,120 Bunun için bazı tanımlayıcı olacak ne istediğimizi stil uygulamak için. 97 00:03:49,120 --> 00:03:52,220 Ve sonra herhangi olabilir kurallar ve değerler ayarlayın. 98 00:03:52,220 --> 00:03:55,680 Gördüğünüz olabilir seçiciler Yani vücut gibi bir şey olabilir, 99 00:03:55,680 --> 00:04:00,262 veya P ile paragraf, veya başlık, ya da her neyse, 100 00:04:00,262 --> 00:04:02,000 ne olursa olsun HTML etiketleri olmak istiyorum. 101 00:04:02,000 --> 00:04:03,570 >> Yani bu durumda biz bir gövdeye sahiptir. 102 00:04:03,570 --> 00:04:06,985 Ve bazı kural var, hangi Bu karşılık 103 00:04:06,985 --> 00:04:09,610 Ne için stil için de geçerlidir. 104 00:04:09,610 --> 00:04:12,720 Yani bu durumda, biz var arka plan rengi ve yazı tipi ağırlık. 105 00:04:12,720 --> 00:04:16,200 Yani bu değişecek şey arka plan 106 00:04:16,200 --> 00:04:19,640 Bizim HTML dosyasının herhangi bir vücut etiketi içinde. 107 00:04:19,640 --> 00:04:22,810 Ve vermek için gidiyor Bu açık mavi değer. 108 00:04:22,810 --> 00:04:24,820 >> Peki bunu yapmak için gidiyor arka plan açık mavi. 109 00:04:24,820 --> 00:04:28,660 Ve sonra vücut içinde bir şey kalın bir yazı ağırlığa sahip olacak. 110 00:04:28,660 --> 00:04:31,142 Yani sadece gidiyor Bizim tüm metni kalın. 111 00:04:31,142 --> 00:04:32,970 Ve bu sadece bir seçici olduğunu. 112 00:04:32,970 --> 00:04:34,680 Ama bu çok fazla olabilir. 113 00:04:34,680 --> 00:04:38,730 Ve biz göstermek için gidiyoruz gibi Daha sonra, biraz daha nasıl içine 114 00:04:38,730 --> 00:04:40,709 Orada işler ve daha fazla örnek olduğunu. 115 00:04:40,709 --> 00:04:41,750 Eklemek istediğiniz bir şey var? 116 00:04:41,750 --> 00:04:42,499 >> TOMAS REIMERS: Hayır 117 00:04:42,499 --> 00:04:43,500 Allison aldım. 118 00:04:43,500 --> 00:04:46,144 Biz sadece bir yukarı kesmek için gidiyoruz Burada bizim örnek sitede örnek. 119 00:04:46,144 --> 00:04:47,310 Yani aslında bu alalım. 120 00:04:47,310 --> 00:04:48,620 Bu mükemmel. 121 00:04:48,620 --> 00:04:54,460 Ben sadece kopyala yapıştır gidiyorum Bizim main.css dosyasına bu doğru. 122 00:04:54,460 --> 00:04:56,530 Ve ben onu kurtarmak için gidiyorum. 123 00:04:56,530 --> 00:04:59,190 Ve sonra bunu çalışacaktır. 124 00:04:59,190 --> 00:05:01,600 Yani yan not, bir En sinir bozucu şeyler 125 00:05:01,600 --> 00:05:04,490 Bir dosyayı kaydetmek ve yok ise o zaman, gibi, sayfayı yeniden yükleyin, 126 00:05:04,490 --> 00:05:07,450 ve benzeri, neden değil, oluyor değişiklik? 127 00:05:07,450 --> 00:05:07,950 Bu olur. 128 00:05:07,950 --> 00:05:14,230 Yani burada biz yapılan gördüm bizim açık mavi arka plan web sitesi 129 00:05:14,230 --> 00:05:16,560 ve bazı metin koyu. 130 00:05:16,560 --> 00:05:20,730 Eğer >> Ben de, bahsetmeliyiz adamlar bir şey hakkında sorularınız varsa 131 00:05:20,730 --> 00:05:23,622 Biz yapıyoruz, çekinmeyin ücretsiz bizi durdurmak ve bize sormak için. 132 00:05:23,622 --> 00:05:25,330 Biz tamamen istekli soruları tarla. 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> ALLISON BUCHHOLTZ-AU: Açıkça ile CSS, her şeyi kendi üzerine inşa. 135 00:05:31,930 --> 00:05:34,107 Bir şey değil Yani eğer Şimdi mantıklı biz 136 00:05:34,107 --> 00:05:35,690 istemiyorum Sonra çıkmaza için. 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> TOMAS REIMERS: Yani diyelim tür bu teşrih. 139 00:05:41,930 --> 00:05:44,210 Yani başlamak istiyorum Burada seçici ile? 140 00:05:44,210 --> 00:05:45,979 >> ALLISON BUCHHOLTZ-AU: Evet. 141 00:05:45,979 --> 00:05:48,270 Ben daha önce söylediğim gibi, vücut Burada sadece bizim seçici olduğunu. 142 00:05:48,270 --> 00:05:50,950 Yani bizim indisini ah geri gitmek durumunda. 143 00:05:50,950 --> 00:05:53,245 >> TOMAS REIMERS: Ben sadece kapalı. 144 00:05:53,245 --> 00:05:54,530 Bana bir saniye ver. 145 00:05:54,530 --> 00:05:58,286 Yani index.html, Dosya Aç. 146 00:05:58,286 --> 00:05:59,410 ALLISON BUCHHOLTZ-AU: Serin. 147 00:05:59,410 --> 00:06:02,710 Yani burada fark ederseniz, biz Doğru, bu beden etiketleri var? 148 00:06:02,710 --> 00:06:06,270 Yani seçici lazım gelir Bahsettiğimiz etiketleri. 149 00:06:06,270 --> 00:06:07,670 Burada vücudun Yani. 150 00:06:07,670 --> 00:06:10,315 Peki ne söylüyorsun olduğunu everything-- geri gidebilir? 151 00:06:10,315 --> 00:06:12,065 Ben sadece isterdim gibi ekrana dokunun. 152 00:06:12,065 --> 00:06:14,410 O kadar çok soğuk olurdu. 153 00:06:14,410 --> 00:06:17,150 Bu içinde >> Yani bir şey Gördüğümüz vücut etiketleri, 154 00:06:17,150 --> 00:06:19,637 sadece, gibi, metin oldu ve genel olarak vücut 155 00:06:19,637 --> 00:06:20,970 gibi, arka işaret eder. 156 00:06:20,970 --> 00:06:22,720 Hiç istiyorsanız arka plan değiştirmek, 157 00:06:22,720 --> 00:06:25,090 bir vücut etiketi olacak. 158 00:06:25,090 --> 00:06:27,120 Sadece kendilerine uygulanan bu kuralları vardır. 159 00:06:27,120 --> 00:06:32,040 Yani eğer >> biz gitmek için index.html ve- aslında, 160 00:06:32,040 --> 00:06:33,840 Biz bir şey olabilir Vücudun dış? 161 00:06:33,840 --> 00:06:37,340 Biz olsaydı, böyle bir altbilgi veya şey, bu için geçerli olmaz. 162 00:06:37,340 --> 00:06:40,900 Ama içinde bir şey Bu vücut etiketleri gidiyor 163 00:06:40,900 --> 00:06:44,960 Bu vücut tarafından etkilenecek Yaptığımız seçici. 164 00:06:44,960 --> 00:06:47,405 Yazmanız için olsaydı Yani başka bir şey orada-- 165 00:06:47,405 --> 00:06:49,400 >> TOMAS REIMERS: en o eve götürmek edelim. 166 00:06:49,400 --> 00:06:55,330 Yani eğer bu yüzden biz div-- vardı Eğer olabilir sadece başka bir etiket. 167 00:06:55,330 --> 00:06:56,350 Bunu kapatmak için gidiyorum. 168 00:06:56,350 --> 00:06:58,280 Ya da en bu bir paragraf yapalım. 169 00:06:58,280 --> 00:07:01,430 Yani p paragraf için duruyor. 170 00:07:01,430 --> 00:07:02,560 Ve bu paragraf içinde. 171 00:07:02,560 --> 00:07:05,650 Ve sonra ben "Bu metin." Derler 172 00:07:05,650 --> 00:07:06,369 Serin. 173 00:07:06,369 --> 00:07:09,160 Ve sonra bu kural geçerlidir yapılan yerine vücudun bir paragraf. 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 Bunu sadece nasıl uygulanacağını göreceksiniz Yeni oluşturulan paragraf, sağ, 176 00:07:17,320 --> 00:07:18,892 değil her şey. 177 00:07:18,892 --> 00:07:20,090 Mantıklı mı? 178 00:07:20,090 --> 00:07:21,840 >> ALLISON BUCHHOLTZ-AU: Yani bu, tüm vücut olduğunu, 179 00:07:21,840 --> 00:07:24,450 ama şimdi bizim seçici sadece Paragraf karşılık gelir. 180 00:07:24,450 --> 00:07:27,050 Yani biz sadece cesur ve mavi var Bu özel paragraf için, 181 00:07:27,050 --> 00:07:30,760 Bu tek şey, çünkü O p etiketi içinde alınmış. 182 00:07:30,760 --> 00:07:35,349 >> TOMAS REIMERS: Bu mantıklı sıralama mu ve nasıl şeyler başka şeyler saklanması? 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ-AU: Ayrıca, sadece gibi, en iyi yollarından biri demek 184 00:07:38,140 --> 00:07:40,889 Gerçekten CSS ile rahat olsun sadece bu gibi şeyler yapmak olduğunu, 185 00:07:40,889 --> 00:07:42,050 sadece denemek. 186 00:07:42,050 --> 00:07:46,700 Bu tip şeyler çok basit dışarı, Yenile vurdu, ve ne olduğunu görün. 187 00:07:46,700 --> 00:07:48,940 Ve en CS gibi, deneme sık sık can 188 00:07:48,940 --> 00:07:51,790 çok daha iyi bir yol Sezgisel anlayış. 189 00:07:51,790 --> 00:07:54,432 Hatta daha çok bizden daha adil, gibi, seninle konuşurken. 190 00:07:54,432 --> 00:07:58,350 >> TOMAS REIMERS: Kesinlikle % 100 bu noktada katılıyorum. 191 00:07:58,350 --> 00:08:02,430 Biz bu gitmek Yani, en başlayalım Bu iki yapmak tam olarak ne diseksiyon. 192 00:08:02,430 --> 00:08:04,550 Bu yüzden bu iki kural var. 193 00:08:04,550 --> 00:08:07,420 Yani ilk plan rengi. 194 00:08:07,420 --> 00:08:10,590 Ve biz onu kurduğunuz görüyoruz Bir değer, açık mavi eşit. 195 00:08:10,590 --> 00:08:15,009 >> Peki CSS, CSS tür nasıl çok gevşek 196 00:08:15,009 --> 00:08:16,300 Eğer renk tanımlamak için izin ediyoruz. 197 00:08:16,300 --> 00:08:17,800 Yani onları isimleriyle tanımlayabilirsiniz. 198 00:08:17,800 --> 00:08:20,650 Ayrıca böyle bir şey yapabilirim "kırmızı." 199 00:08:20,650 --> 00:08:25,270 Ve biz bu geri dönmek, sonra eğer, Eğer arka plan kırmızı olduğunu göreceksiniz. 200 00:08:25,270 --> 00:08:29,040 Ayrıca seni düşünüyorum gerçekten-- alabilirsiniz Bu oldukça yaratıcı alabilirsiniz, 201 00:08:29,040 --> 00:08:29,540 yapamazsın? 202 00:08:29,540 --> 00:08:31,170 >> ALLISON BUCHHOLTZ-AU: Ben Eğer hex kullanabilirsiniz düşünüyorum. 203 00:08:31,170 --> 00:08:31,250 Değil miyim? 204 00:08:31,250 --> 00:08:32,083 >> TOMAS REIMERS: Evet. 205 00:08:32,083 --> 00:08:32,969 Yani hex kullanabilirsiniz. 206 00:08:32,969 --> 00:08:34,490 Ama isim-bilge düşünüyorum. 207 00:08:34,490 --> 00:08:35,385 Yok mudur? 208 00:08:35,385 --> 00:08:37,260 ALLISON BUCHHOLTZ-AU: Sen epeyce yapabilirsiniz. 209 00:08:37,260 --> 00:08:43,350 En renkleri gibi oldukça fazla olduğunu size gibi aşkına--, ben somon biri olduğunu düşünüyorum. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: Biz deneyeceğim somon sensin. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ-AU: Ben chartreuse orada olduğunu düşünüyorum. 212 00:08:47,530 --> 00:08:48,050 TOMAS REIMERS: Evet. 213 00:08:48,050 --> 00:08:48,550 Görmek? 214 00:08:48,550 --> 00:08:50,080 Yani oldukça yaratıcı alabilirsiniz. 215 00:08:50,080 --> 00:08:52,246 >> ALLISON BUCHHOLTZ-AU: Sen Oldukça yaratıcı alabilir. 216 00:08:52,246 --> 00:08:55,750 Gibi, aklınıza eğer renk adı, orada muhtemelen. 217 00:08:55,750 --> 00:08:57,840 Eğer gerçekten iyi istiyorsanız detay, sen hex gidebilirsiniz. 218 00:08:57,840 --> 00:08:58,673 >> TOMAS REIMERS: Evet. 219 00:08:58,673 --> 00:08:59,390 Yani onaltılık. 220 00:08:59,390 --> 00:09:05,280 Siz bu geri Hatırlarsanız Eski pset gelen, Görüntü Kurtar, 221 00:09:05,280 --> 00:09:08,300 Siz uğraşmak zorunda Bu onaltılık değerleri ile. 222 00:09:08,300 --> 00:09:15,280 Ve çeşit, ne olduğunu tekrarlamak için onaltılık içinde saklanan üç değer vardır. 223 00:09:15,280 --> 00:09:17,250 Yani iki artışlarla gruplar halinde bulunuyor. 224 00:09:17,250 --> 00:09:19,300 İlk iki kırmızı değerini temsil eder. 225 00:09:19,300 --> 00:09:22,420 İkinci bir temsil Yeşil değer. 226 00:09:22,420 --> 00:09:25,020 Ve son bir mavi mi? 227 00:09:25,020 --> 00:09:30,050 >> Yani FF temsil etmek olur onaltılık 255. 228 00:09:30,050 --> 00:09:35,480 Yani 255 kırmızı, 255 mavi, yeşil, ve 0. 229 00:09:35,480 --> 00:09:37,670 Ve değerler 0 ile 255 arasında değişmektedir. 230 00:09:37,670 --> 00:09:38,350 >> İZLEYİCİ: Doğru. 231 00:09:38,350 --> 00:09:41,472 Yani aslında, biz arama olabilir İstediğimiz herhangi bir renk için internet, 232 00:09:41,472 --> 00:09:43,912 ve aslında bilinen-tanımlamak Renk tayfı açılan, 233 00:09:43,912 --> 00:09:45,130 ve sonra biz koymak olabilir? 234 00:09:45,130 --> 00:09:46,380 ALLISON BUCHHOLTZ-AU: Kesinlikle. 235 00:09:46,380 --> 00:09:52,900 Yani hemen hemen tam kontrole sahip renkler üzerinde CSS içinde istiyorum. 236 00:09:52,900 --> 00:09:55,069 Biz hakkında konuşmak için gidiyoruz arka plan görüntüleri daha sonra? 237 00:09:55,069 --> 00:09:56,110 Ya da biz bunu istiyoruz? 238 00:09:56,110 --> 00:09:56,240 >> TOMAS REIMERS: Evet. 239 00:09:56,240 --> 00:09:57,010 Kesinlikle. 240 00:09:57,010 --> 00:10:00,830 Yani ilk, sadece göstermek için Kırmızı ve yeşil sarı. 241 00:10:00,830 --> 00:10:03,120 Ve bazı gerekirse Bu bulgu yardım, sen 242 00:10:03,120 --> 00:10:05,575 Google şey olabilir "renk seçici." gibi 243 00:10:05,575 --> 00:10:07,200 ALLISON BUCHHOLTZ-AU: Ah, o kadar iyi. 244 00:10:07,200 --> 00:10:09,090 Ben Renk Seçici seviyorum. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com iyi bir örnektir. 246 00:10:11,360 --> 00:10:14,580 Ve burada, sen sahip olduğunu görürsünüz Tam Photoshop benzeri bir renk 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 Ayrıca, serin şeyler sen renk şemaları oluşturabilir 249 00:10:16,980 --> 00:10:18,896 Eğer yoksa, böylece, gibi, renkler çatışan. 250 00:10:18,896 --> 00:10:22,780 TOMAS REIMERS: Ve Burada burada onaltılık değeri kalmış. 251 00:10:22,780 --> 00:10:27,800 Yani her zaman temelde çevrimiçi bulabilirsiniz yerler altıgen değerini almak için. 252 00:10:27,800 --> 00:10:31,667 Bu gibi, bu sadece sıralamak değil biz sayıların dünya renkleri görmek. 253 00:10:31,667 --> 00:10:34,000 Bu online gitmek daha var ve biz istediğimiz renk bulmak 254 00:10:34,000 --> 00:10:36,850 ve sonra numarayı aşağı çekmek. 255 00:10:36,850 --> 00:10:39,590 Sadece gerçekten kolay Çünkü yolu CS şeyler referans. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON BUCHHOLTZ-AU: Sonra also-- var 257 00:10:40,350 --> 00:10:41,630 Ben sitenin tam adını unutmak. 258 00:10:41,630 --> 00:10:43,838 Ama, kesinlikle orada ben Adobe'den bir şey düşünmek 259 00:10:43,838 --> 00:10:48,350 Bu, sizin için renk şemaları oluşturur hangi gerçekten iyidir çünkü sen 260 00:10:48,350 --> 00:10:50,580 definitely-- bazen bulunuyor anlamaya zor, 261 00:10:50,580 --> 00:10:53,729 oh, ben bu rengi kullanmak istiyorsanız, ne başka yararlı bir olabilir 262 00:10:53,729 --> 00:10:56,395 benim sitede başka bir yerde kullanmak için, gibi, güzel ve tutarlı olun. 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> TOMAS REIMERS: Allison hakkında konuşuyor Adobe tarafından bir Kuler'i denilen, sanı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: Ben öyle düşünüyorum. 267 00:11:06,259 --> 00:11:07,610 O biri eminim. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: Benim favori vardır Her zaman Renk Şeması Tasarımcı olmuştur. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ-AU: Ooh. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: şimdi-- olan 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ-AU: Ah, bu çok güzel. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS REIMERS: Ve sen temelde gibi, diyebilirim, 273 00:11:18,818 --> 00:11:21,700 Ben yanyana üç renk istiyorum. 274 00:11:21,700 --> 00:11:25,030 Ve sonra en güzel şey yapalım. 275 00:11:25,030 --> 00:11:29,210 Ve sonra bir örnek alabilirsiniz Bu gibi görünebilir ne. 276 00:11:29,210 --> 00:11:32,470 Ve sonra herhangi üzerinde gezdirin eğer Onları, size onaltılık değerini verir. 277 00:11:32,470 --> 00:11:35,010 >> Yani sadece iyi bir yolu olarak başlatmak için renk şemaları hakkında düşünme 278 00:11:35,010 --> 00:11:39,570 Bir web sitesi veya hangi renkleri birlikte iyi gidebilir. 279 00:11:39,570 --> 00:11:45,655 Şaşırtıcı bir şekilde olabileceğinden Sandığın kadar kolay değil almak için. 280 00:11:45,655 --> 00:11:48,280 Ve sonra diğer serin şey Ben hep bu site hakkında bulduk 281 00:11:48,280 --> 00:11:51,480 Eğer Örnekler vurursan, o olacak olan ne bir örnek web sitesi göstermek 282 00:11:51,480 --> 00:11:54,800 Bu renk düzeni kullanarak gibi görünebilir. 283 00:11:54,800 --> 00:11:56,270 Neyse. 284 00:11:56,270 --> 00:11:57,863 >> Geri gerçek CSS. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ-AU: Ama açıkçası, biz Bu referanslar yararlı olabilir biliyorum. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: Hayır, onlar Kesinlikle yararlı olabilir. 287 00:12:03,195 --> 00:12:04,720 İkinci kural, Allison Yani? 288 00:12:04,720 --> 00:12:05,844 >> ALLISON BUCHHOLTZ-AU: Evet. 289 00:12:05,844 --> 00:12:08,280 İkinci kural sadece bir Bizim yazı tekabül. 290 00:12:08,280 --> 00:12:11,520 Yani yazı ağırlığı sadece tür of-- böylece kilo olur 291 00:12:11,520 --> 00:12:15,220 Eğer gibi, sadece istiyorsanız olmak, Normal veya benzeri, ince yazı tipleri, 292 00:12:15,220 --> 00:12:17,251 veya bu durumda, gibi, cesur. 293 00:12:17,251 --> 00:12:17,750 Ben unutmak. 294 00:12:17,750 --> 00:12:21,557 İsterseniz bu-- orada neler Normal gibi, sadece daha ince bir? 295 00:12:21,557 --> 00:12:24,140 TOMAS REIMERS: Aslında yok Bir ince tane var olmadığını biliyorum. 296 00:12:24,140 --> 00:12:24,680 ALLISON BUCHHOLTZ-AU: unutuyorum. 297 00:12:24,680 --> 00:12:26,300 Yani yazı ağırlığı genellikle biz Sadece cesur için kullanın. 298 00:12:26,300 --> 00:12:29,010 Eğer gerçekten içine almak istiyorsanız o, biz size göstermek için gidiyoruz. 299 00:12:29,010 --> 00:12:34,317 W3Schools farklı olan şeyler yazı için yapabilirsiniz. 300 00:12:34,317 --> 00:12:36,900 Ama temelde, hiç isterseniz yazı hakkında bir şey değiştirmek için, 301 00:12:36,900 --> 00:12:39,330 her zaman, olacak gibi, yazı-şey. 302 00:12:39,330 --> 00:12:43,450 Sen eğer Yani, font-family gibi olacak Gerçek türünü değiştirmek için çalışıyor. 303 00:12:43,450 --> 00:12:47,390 Bu eğer font-style olacak el yazısıyla gibi yapmak istiyorum, 304 00:12:47,390 --> 00:12:49,710 veya italik veya etajer. 305 00:12:49,710 --> 00:12:53,570 Hatta yazı renkli, eğer Biz bunu değiştirmek istedim. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS REIMERS: Evet. 307 00:12:55,621 --> 00:12:56,925 Yani bunu değiştirebilirsiniz. 308 00:12:56,925 --> 00:12:59,360 Ve çeşit lazım Şimdi recap, sen, böylece 309 00:12:59,360 --> 00:13:01,400 Burada seçici kadar var olduğunu görüyoruz. 310 00:13:01,400 --> 00:13:03,000 Biz bu küme parantezi var. 311 00:13:03,000 --> 00:13:06,735 Ve sonra kuralları var noktalı virgülle ayrılmış. 312 00:13:06,735 --> 00:13:08,100 Mantıklı mı? 313 00:13:08,100 --> 00:13:09,130 Evet? 314 00:13:09,130 --> 00:13:10,500 Serin. 315 00:13:10,500 --> 00:13:13,200 Yani good-- ise 316 00:13:13,200 --> 00:13:14,424 >> ALLISON BUCHHOLTZ-AU: Geri. 317 00:13:14,424 --> 00:13:17,590 TOMAS REIMERS: en özel konuşalım seçiciler ne tür biz. 318 00:13:17,590 --> 00:13:19,790 'Şu anda biz ettik Çünkü tür, sadece etiketleri gösterilmiştir. 319 00:13:19,790 --> 00:13:21,696 Ama siz bunun makul görebiliyordu. 320 00:13:21,696 --> 00:13:23,570 İki paragraf var Say Bir sayfa ve size 321 00:13:23,570 --> 00:13:26,087 tarzı edebilmek olmak istiyorum bir ama değil diğer, 322 00:13:26,087 --> 00:13:29,170 Sadece kendinizi sınırlamak istemiyorum Farklı gerçek HTML kullanmak zorunda 323 00:13:29,170 --> 00:13:33,410 etiketler onlara farklı stilleri vermek. 324 00:13:33,410 --> 00:13:35,995 >> Bu yüzden temel üç var seçiciler türleri. 325 00:13:35,995 --> 00:13:37,120 ALLISON BUCHHOLTZ-AU: Evet. 326 00:13:37,120 --> 00:13:39,828 Peki ne olduğu, etiketi var şu anda bahsediyoruz oldum. 327 00:13:39,828 --> 00:13:42,430 Yani bu tür vücudunuza veya p gibi. 328 00:13:42,430 --> 00:13:46,280 Ve sonra olan sınıf var Bizim CSS dosyasında tanımlamak zaman, 329 00:13:46,280 --> 00:13:49,907 her zaman nokta için gidiyor, ne olursa olsun Eğer sınıfın adı olmak istiyorum. 330 00:13:49,907 --> 00:13:51,490 Ve bu birden şeyler uygulayabilirsiniz. 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> Eğer beş paragraf var ki ve bunların üçünün iki 333 00:13:57,610 --> 00:14:00,580 Aynı tarz gerekir, buna bir sınıf geçerli olacak. 334 00:14:00,580 --> 00:14:03,040 Ve bu biz bunu sadece yoludur. 335 00:14:03,040 --> 00:14:05,600 Size bir örnek vereyim Nerede bu aslında gösterir. 336 00:14:05,600 --> 00:14:11,030 Ama belki bazı etiketi olsaydı p, ondan sonra, sen, yazarsınız 337 00:14:11,030 --> 00:14:14,170 sınıf ne olursa olsun sınıfları eşittir bunu uygulamak istiyorum. 338 00:14:14,170 --> 00:14:19,280 Istediğimiz Yani ne olursa olsun sınıf seçiciler Bu özel paragrafa uygulamak için, 339 00:14:19,280 --> 00:14:21,300 biz sadece bu gibi yazabilirsiniz. 340 00:14:21,300 --> 00:14:24,080 Tabii ki, ben bir örnek bence çok daha somut hale getirecek. 341 00:14:24,080 --> 00:14:27,270 >> Elimizdeki diğeri id biz ifade hangi bir 342 00:14:27,270 --> 00:14:29,707 bir karma veya sterlin, ya da hashtag ile. 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, çalışır. 346 00:14:34,550 --> 00:14:36,640 Ve bu gerçekten benzersiz olmalıdır. 347 00:14:36,640 --> 00:14:39,880 Onlar sadece başvurmalıdır sayfanızda bir şey. 348 00:14:39,880 --> 00:14:43,820 Bu özel bir paragraf olsun Yani, ya da bazı bir listede öğe, ya da her neyse, 349 00:14:43,820 --> 00:14:45,090 Bu benzersiz olmalıdır. 350 00:14:45,090 --> 00:14:48,730 Ve aynı şekilde biz sadece demek gibi class = "sınıfı1 class2," 351 00:14:48,730 --> 00:14:51,577 Bu sadece biz var ne olursa olsun kimliği olabilir. 352 00:14:51,577 --> 00:14:52,410 TOMAS REIMERS: Evet. 353 00:14:52,410 --> 00:14:54,330 Yani kesinlikle konuşalım Burada örnekler hakkında. 354 00:14:54,330 --> 00:14:58,170 Ve ben sadece dalış için gidiyorum düz geri koduna. 355 00:14:58,170 --> 00:15:02,090 Yani bizim HTML bakalım. 356 00:15:02,090 --> 00:15:03,960 Ve bu yüzden şimdi bir paragraf var. 357 00:15:03,960 --> 00:15:05,510 Bu metin. 358 00:15:05,510 --> 00:15:09,151 Ben sadece değiştirmek için gidiyorum o. "Bu metin, 1'dir" 359 00:15:09,151 --> 00:15:11,150 Ve sonra biz gidiyoruz var bir "Bu metin, 2'dir" 360 00:15:11,150 --> 00:15:12,525 >> ALLISON BUCHHOLTZ-AU: İkinci bir. 361 00:15:12,525 --> 00:15:13,540 TOMAS REIMERS: Evet. 362 00:15:13,540 --> 00:15:16,810 Yani biz şimdi var sağ "Bu metin 2, bir"? 363 00:15:16,810 --> 00:15:21,560 Ve biz yeniden eğer görmek için gidiyoruz sayfa, ne bulmak için gidiyoruz 364 00:15:21,560 --> 00:15:23,067 Yapacağımız olduğunu 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: Evet. 367 00:15:24,983 --> 00:15:27,570 Biz bir "Bu bulmak için gidiyoruz Metin 1 "ve" Bu "Metin 2'dir 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ-AU: Ve dışarı güzel sarı bir renk. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS REIMERS: Ve göreceksiniz Şu anda bizim seçici olduğunu 370 00:15:31,066 --> 00:15:34,940 hangi p en uygulanır, ya da paragraflar, ikisi de etkiler, 371 00:15:34,940 --> 00:15:38,700 ikisi de karşılamak için durum bir p etiketi, hem konum. 372 00:15:38,700 --> 00:15:40,360 Bu toplam mantıklı. 373 00:15:40,360 --> 00:15:43,340 Yani soru iyi olduğunu, ne eğer biz istedik sadece bir tane olsun? 374 00:15:43,340 --> 00:15:46,350 Peki tam olarak Allison diyordu gibi, biz bunu diğer iki yol vardır. 375 00:15:46,350 --> 00:15:47,320 Ben kimliği ile başlamak için gidiyorum. 376 00:15:47,320 --> 00:15:48,405 >> ALLISON BUCHHOLTZ-AU: En kimliği ile başlayalım. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: Ve her ikisi de Bunların nitelikleridir. 378 00:15:50,405 --> 00:15:53,200 Yani özellikler HTML var. 379 00:15:53,200 --> 00:15:55,600 Ve ne olmasıdır Eğer eklemek şey 380 00:15:55,600 --> 00:15:58,840 bir etiketi içinde etiket adından ayrı. 381 00:15:58,840 --> 00:16:01,301 Yani birden fazla özelliklere sahip olabilir. 382 00:16:01,301 --> 00:16:01,800 Evet? 383 00:16:01,800 --> 00:16:03,950 >> ALLISON BUCHHOLTZ-AU: Ben sadece gidiyordu pset 7 sizin örnekten, demek, 384 00:16:03,950 --> 00:16:06,650 Eğer herhangi hizaya çalışırsanız merkeze şeyler, 385 00:16:06,650 --> 00:16:08,550 Eğer kullanmış olabilir "Text align = center." 386 00:16:08,550 --> 00:16:10,550 Ve muhtemelen fark merkezli olmalıdır 387 00:16:10,550 --> 00:16:12,650 metin veya navigasyon çubuğu. 388 00:16:12,650 --> 00:16:15,499 Yani bu sadece, aynı zamanda bir nitelik var Eğer aşina olabileceği. 389 00:16:15,499 --> 00:16:18,040 TOMAS REIMERS: Bir sürü var size görürsünüz bağlıyor. 390 00:16:18,040 --> 00:16:18,539 Evet. 391 00:16:18,539 --> 00:16:21,250 Pset 7 iyi referans gibi. 392 00:16:21,250 --> 00:16:23,150 Biz id var. 393 00:16:23,150 --> 00:16:25,080 Ayrıca olabilir sınıf, bu gibi şeyler. 394 00:16:25,080 --> 00:16:27,250 Tek bir etiketi birçok özelliklere sahip olabilir. 395 00:16:27,250 --> 00:16:33,140 Yani kimliği ile başlayan, en biz taklit edelim Bilmiyorum of-- bir kimliği var istiyorum. 396 00:16:33,140 --> 00:16:35,140 Biz, özel arayacağım Bu bir nedeni, biz konum 397 00:16:35,140 --> 00:16:37,867 kalın yapacak ve altını, ve ne olursa olsun. 398 00:16:37,867 --> 00:16:39,950 ALLISON BUCHHOLTZ-AU: It olacak süper özel olacak. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: Yani bu bir, biz id özel var. 400 00:16:42,360 --> 00:16:48,140 Yolu bu seçmek için, o zaman, bir main.css olarak, bir p etiketine sahip yerine 401 00:16:48,140 --> 00:16:51,500 Tamam, # özel mi? 402 00:16:51,500 --> 00:16:55,538 Ve bu seçer id special ile bir şey. 403 00:16:55,538 --> 00:16:57,295 Bu herkese mantıklı mı? 404 00:16:57,295 --> 00:16:57,920 HEDEF KİTLE: Evet. 405 00:16:57,920 --> 00:16:59,110 TOMAS REIMERS: Serin. 406 00:16:59,110 --> 00:17:04,440 Yani şimdi biz geri giderseniz, Biz hoppala see-- edeceğiz. 407 00:17:04,440 --> 00:17:06,240 Evet. 408 00:17:06,240 --> 00:17:09,460 Göreceğiz ki sadece seçer id special olan. 409 00:17:09,460 --> 00:17:10,622 Evet? 410 00:17:10,622 --> 00:17:11,900 Serin Sesler. 411 00:17:11,900 --> 00:17:12,570 Evet. 412 00:17:12,570 --> 00:17:15,456 >> İZLEYİCİ: bir şey alabilir miyim bir Her iki sınıf ve bir id özniteliği? 413 00:17:15,456 --> 00:17:16,359 >> TOMAS REIMERS: Evet. 414 00:17:16,359 --> 00:17:16,900 HEDEF KİTLE: Tamam. 415 00:17:16,900 --> 00:17:20,887 Eğer verirsen Ve sonra ne olur bu çatışma CSS bazı kurallar? 416 00:17:20,887 --> 00:17:21,970 TOMAS REIMERS: Kesinlikle. 417 00:17:21,970 --> 00:17:23,940 Biz kesinlikle gidiyoruz Bu konuda konuşmak. 418 00:17:23,940 --> 00:17:31,890 Peki tam olarak ne elde edildi , sen de sınıfları olabilir. 419 00:17:31,890 --> 00:17:36,380 Yani ben vardı gibi yapalım Üç paragraf ve ben 420 00:17:36,380 --> 00:17:38,730 İlk stil istedi İki ancak üçüncü değil. 421 00:17:38,730 --> 00:17:42,850 Peki, senin ilk fikir Ben, iyi, olabilir, Sadece ikinci bir kimliği verebilir. 422 00:17:42,850 --> 00:17:45,590 Ama yapamam, bir kimliği nedeniyle, tam Allison diyordu gibi, 423 00:17:45,590 --> 00:17:47,330 özgü olması gerekmektedir. 424 00:17:47,330 --> 00:17:50,860 >> Bunun yerine bir kimliği, ne kullanabilir bir sınıfını kullanabilirsiniz olduğunu. 425 00:17:50,860 --> 00:17:57,880 Ve bir class-- buna izin ne temelde söylüyorlar yapmak, 426 00:17:57,880 --> 00:17:59,610 Bu grubun bir parçası olarak aittir. 427 00:17:59,610 --> 00:18:02,410 Bu durumda, bizim grup Özel denir. 428 00:18:02,410 --> 00:18:06,500 Ve biz o yapacağız ne biz yerine sterlin daha say-- için gidiyoruz 429 00:18:06,500 --> 00:18:08,070 Biz nokta kullanmak için gidiyoruz. 430 00:18:08,070 --> 00:18:08,740 TAMAM MI? 431 00:18:08,740 --> 00:18:11,950 Ve dikkat edin kiloluk ve nokta Sadece CSS dosyası içinde var, 432 00:18:11,950 --> 00:18:12,797 değil HTML içinde. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ-AU: Evet. 434 00:18:13,880 --> 00:18:15,185 Önemli bir ayrım. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS REIMERS: Ben , çok mücadele vardı 436 00:18:17,510 --> 00:18:23,990 Ben HTML karma koymak çünkü daha sonra sadece uzun süre aptal hissettim. 437 00:18:23,990 --> 00:18:27,470 Bu iki seçer Bak nasıl Bu sınıfın olanlar? 438 00:18:27,470 --> 00:18:28,210 Serin. 439 00:18:28,210 --> 00:18:29,950 >> Şimdi, işler birden sınıfları olabilir. 440 00:18:29,950 --> 00:18:32,790 Diyelim ki ilk yapmak istedim diyelim İki sarı bir arka plan var 441 00:18:32,790 --> 00:18:36,770 ve ikinci iki var mavi bir yazı rengi. 442 00:18:36,770 --> 00:18:37,270 TAMAM MI. 443 00:18:37,270 --> 00:18:39,735 Ben ediyorum neden gerçekten bilmiyorum Bunu yapmak istiyorum, ama ben yapamam. 444 00:18:39,735 --> 00:18:42,401 >> ALLISON BUCHHOLTZ-AU: değil Olabilir web siteniz için önerilir. 445 00:18:42,401 --> 00:18:43,880 Ama bizim için, bunu yapacağız. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: Öyle değil İyi bir renk düzeni. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ-AU: Peki, sarı ve mavi benim lise renklerdir. 448 00:18:49,210 --> 00:18:50,947 Ama, bilmiyorum. 449 00:18:50,947 --> 00:18:53,530 TOMAS REIMERS: Allison yüksek Okul büyük bir renk düzeni vardı. 450 00:18:53,530 --> 00:18:54,520 [KAHKAHA] 451 00:18:54,520 --> 00:18:59,120 Öyleyse biz dediğimiz bu bu-- çağrı en izin yüzden Special var 452 00:18:59,120 --> 00:19:00,030 ve biz Pretty var. 453 00:19:00,030 --> 00:19:02,405 Bunun için, kullandığınız, öneririz daha açıklayıcı isimler. 454 00:19:02,405 --> 00:19:05,820 ALLISON BUCHHOLTZ-AU: Evet, yapardım sarı veya mavi gibi, bu çağrı. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS REIMERS: Biz değiliz Gerçekten, gerçek bir web sitesi yapma 456 00:19:08,314 --> 00:19:09,730 hangi bunu yapmıyoruz neden. 457 00:19:09,730 --> 00:19:11,521 Ama eğer gerçekten Eğer gerçek bir web sitesi vardı 458 00:19:11,521 --> 00:19:16,220 olabilir gibi, makale başlığı, Makalenin içeriği, ilk kelime, 459 00:19:16,220 --> 00:19:21,920 izin böyle şeyler, Eğer çok daha açıklayıcı olması için. 460 00:19:21,920 --> 00:19:23,550 Bunlar sadece değişkenler gibi gerçekten. 461 00:19:23,550 --> 00:19:28,390 Onlar bir şekilde nerede adlı olmalıdır Eğer gibi, da-- evet, can. 462 00:19:28,390 --> 00:19:29,470 Mükemmel. 463 00:19:29,470 --> 00:19:30,480 >> Yani arka plan rengi. 464 00:19:30,480 --> 00:19:35,920 Ve sonra biz çok say-- gidiyoruz rengini değiştirmek için yolu sadece "renk" dir. 465 00:19:35,920 --> 00:19:38,412 Ve biz mavi yapmak için gidiyoruz. 466 00:19:38,412 --> 00:19:40,150 Çok havalı. 467 00:19:40,150 --> 00:19:42,640 Yani şimdi biz İlk iki özel var. 468 00:19:42,640 --> 00:19:45,972 Sonraki birine gidiyor "Oldukça = sınıf." var 469 00:19:45,972 --> 00:19:49,180 ALLISON BUCHHOLTZ-AU: Ve sonra olacak Orta biri "güzel" eklemek istiyorum. 470 00:19:49,180 --> 00:19:49,971 TOMAS REIMERS: Evet. 471 00:19:49,971 --> 00:19:52,970 Ve sonra orta biri, "güzel," ne olur eklemek için 472 00:19:52,970 --> 00:19:56,880 Sadece bir boşluk olması. 473 00:19:56,880 --> 00:19:59,800 Sınıf özniteliği Yani Bir boşluk ayrılmış listesi 474 00:19:59,800 --> 00:20:02,450 Tüm sınıfların o etikete geçerlidir. 475 00:20:02,450 --> 00:20:02,959 TAMAM MI? 476 00:20:02,959 --> 00:20:05,750 Bu birine ait gibi değil denilen özel sınıf çeşit 477 00:20:05,750 --> 00:20:07,180 "Özel, uzay, güzel." 478 00:20:07,180 --> 00:20:10,870 İki classes-- ait Özel ve güzel. 479 00:20:10,870 --> 00:20:12,492 Evet? 480 00:20:12,492 --> 00:20:14,360 Serin. 481 00:20:14,360 --> 00:20:17,010 >> Ve sonra bakarsanız ne olur, biz konum 482 00:20:17,010 --> 00:20:21,850 İlki olduğunu göreceğiz Sarı arka plan, siyah metin. 483 00:20:21,850 --> 00:20:22,450 İkinci Şehre 484 00:20:22,450 --> 00:20:26,160 >> ALLISON BUCHHOLTZ-AU: bold var- mavi metin sarı arka plan. 485 00:20:26,160 --> 00:20:29,330 Ve son bir sadece vardır biz ona atanmış mavi metin. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS REIMERS: Soğuk? 487 00:20:30,870 --> 00:20:32,491 Seçiciler nasıl çalışır? 488 00:20:32,491 --> 00:20:32,990 Korku. 489 00:20:32,990 --> 00:20:34,720 >> ALLISON BUCHHOLTZ-AU: biz istiyor musunuz Şimdi o çatışma hakkında konuşmak? 490 00:20:34,720 --> 00:20:35,780 >> TOMAS REIMERS: Yani evet. 491 00:20:35,780 --> 00:20:36,310 Kesinlikle. 492 00:20:36,310 --> 00:20:38,380 Peki eğer olur Doğru, bir çatışma var? 493 00:20:38,380 --> 00:20:44,740 Ilk bir rol edelim bir şey kurar da-- 494 00:20:44,740 --> 00:20:47,240 ALLISON BUCHHOLTZ-AU: Belki Bu bir arka plan değiştirir? 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: Evet. 496 00:20:48,090 --> 00:20:51,699 Yani biz yapmak için gidiyoruz "güzel" somon için arka plan değiştirmek. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ-AU: Sadece berabersin Tüm harika renkler, bugün, Tomas. 498 00:20:54,740 --> 00:20:55,573 TOMAS REIMERS: Evet. 499 00:20:55,573 --> 00:20:58,200 Ben öğrendim Çünkü can Gerçek bir renk olarak somon kullanın. 500 00:20:58,200 --> 00:21:00,270 Yani biz sadece bunu yapmak için gidiyoruz. 501 00:21:00,270 --> 00:21:01,770 Ben de Sunset bir gerçek renk olduğunu düşünüyorum. 502 00:21:01,770 --> 00:21:03,103 HEDEF KİTLE: Sunset bir gerçek renk değil mi? 503 00:21:03,103 --> 00:21:04,572 ALLISON BUCHHOLTZ-AU: Şunu deneyelim. 504 00:21:04,572 --> 00:21:07,735 TOMAS REIMERS: Bu demo sonra Sadece, durumda o kadar messes çünkü 505 00:21:07,735 --> 00:21:08,943 Ben hata ayıklama olmak istemiyorum. 506 00:21:08,943 --> 00:21:11,580 Bu yüzden somon bir gerçek renk olduğunu biliyorum. 507 00:21:11,580 --> 00:21:15,626 So herhangi bir tahmin ne olacak ki? 508 00:21:15,626 --> 00:21:17,522 >> ALLISON BUCHHOLTZ-AU: Herhangi bir fikir? 509 00:21:17,522 --> 00:21:20,002 >> İZLEYİCİ: [duyulamaz]. 510 00:21:20,002 --> 00:21:20,920 >> TOMAS REIMERS: Evet. 511 00:21:20,920 --> 00:21:22,150 Yani tam olarak doğru var. 512 00:21:22,150 --> 00:21:24,930 Temelde, onu alır o verildi son kural. 513 00:21:24,930 --> 00:21:27,860 >> ALLISON BUCHHOLTZ-AU: Yani bu nerede basamaklı yürürlüğe girer. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS REIMERS: Peki nasıl hatırlıyorum biz stil sayfaları basamaklı olduğunu vardı? 515 00:21:31,080 --> 00:21:33,660 Bu So, biz tür demek Biz kuralların bir grup var ki 516 00:21:33,660 --> 00:21:37,115 ki birbirinin üstüne uygulanır ve onlar da birbirlerini geçersiz kılabilirsiniz. 517 00:21:37,115 --> 00:21:39,380 >> ALLISON BUCHHOLTZ-AU: Yani altta ne olursa olsun en 518 00:21:39,380 --> 00:21:41,540 üstünde ne varsa geçersiz kılar. 519 00:21:41,540 --> 00:21:45,842 Bunu tamamen kurallar olabilir önceden bir şey inkâr. 520 00:21:45,842 --> 00:21:48,300 Eğer olmak istiyorum bu yüzden de bulunuyor Eğer stil olduğunuzda dikkatli, 521 00:21:48,300 --> 00:21:51,465 böylece kurallarını oluştururken değilsin ki Eğer sadece tamamen geçersiz kılma ediyoruz. 522 00:21:51,465 --> 00:21:53,340 >> TOMAS REIMERS: Ya da belki seni kuralları üzerine yazmak istiyorum. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ-AU: Ya da belki bunu. 524 00:21:53,920 --> 00:21:54,300 Evet. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS REIMERS: Bir var davran birçok şey için geçerlidir sınıf, 526 00:21:57,175 --> 00:22:01,220 ama en Değiştirmek istediğiniz diyelim Kırmızı ve yazı arka plan rengi 527 00:22:01,220 --> 00:22:03,140 En cesur ağırlık şeyler, ancak biri için, 528 00:22:03,140 --> 00:22:06,098 Yalnızca arka plan rengini istiyorum kırmızı olabilir ama tüm diğer istediğiniz 529 00:22:06,098 --> 00:22:09,990 özellikleri, sen bir şey yapabileceğini gibi "font-weight = Normal," 530 00:22:09,990 --> 00:22:12,760 hangi o cesur değişikliği geri istiyorum. 531 00:22:12,760 --> 00:22:14,480 Evet? 532 00:22:14,480 --> 00:22:17,250 Yine, en iyi yolu, bence Allison, sadece pratik olduğunu söyledi. 533 00:22:17,250 --> 00:22:18,080 >> ALLISON BUCHHOLTZ-AU: Deneme. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: Uygulama, uygulama, uygulama ve deney. 535 00:22:20,090 --> 00:22:22,950 Bence bir sürü insan biliyorum CSS tahmin-ve-çek sadece bir sürü 536 00:22:22,950 --> 00:22:25,580 nerede olursa günün sonunda, Eğer, şey-- gibi yapmak istiyorum 537 00:22:25,580 --> 00:22:27,663 Eğer bir fikir var, ama Eğer muhtemelen hala ihtiyacınız 538 00:22:27,663 --> 00:22:31,390 emin olmak için denemek için Eğer neye benzediğini biliyorum. 539 00:22:31,390 --> 00:22:34,482 >> İZLEYİCİ: Eğer uyguluyorsanız sınıfları, birden fazla 540 00:22:34,482 --> 00:22:37,339 Aynı paragraf veya bölüm, öyle 541 00:22:37,339 --> 00:22:39,505 ne olursa olsun sipariş yapabilirsiniz tırnak içine yazdıkça? 542 00:22:39,505 --> 00:22:40,992 >> TOMAS REIMERS: Hayır, hiç de değil. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ-AU: Önemli nedir CSS stil sayfasına içindeki sırası. 544 00:22:45,764 --> 00:22:47,430 HEDEF KİTLE: Eğer soruyu tekrar edebilir mi? 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: Ah. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ-AU: Içinde sınıf, sen veriyorsun sınıfları 547 00:22:53,990 --> 00:22:56,964 HTML şey yapar onlar konum hangi sırası önemli? 548 00:22:56,964 --> 00:22:58,130 Bu sipariş önemli değil. 549 00:22:58,130 --> 00:23:02,915 Önemli emridir CSS içinde sınıf seçiciler, 550 00:23:02,915 --> 00:23:04,306 stil sayfasının içinde. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: Ses iyi? 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ-AU: Güzel. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: Ve Biz amaçlara yönelik devam edeceğiz 554 00:23:11,539 --> 00:23:13,330 ALLISON BUCHHOLTZ-AU: Bundan sonra ne var? 555 00:23:13,330 --> 00:23:14,245 Ben unutmak. 556 00:23:14,245 --> 00:23:16,087 Ah, biz sadece örnekler var. 557 00:23:16,087 --> 00:23:17,295 Ama biz tür bu yaptım. 558 00:23:17,295 --> 00:23:18,990 Biz anında örnekler yaptık. 559 00:23:18,990 --> 00:23:20,540 >> TOMAS REIMERS: Biz almak Yakında seçiciler birleştirir. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ-AU: Oh, Biz seçiciler birleştirmek için olsun. 561 00:23:22,790 --> 00:23:25,260 TOMAS REIMERS: Yani bazı örnekler elimizdeki olduğunu 562 00:23:25,260 --> 00:23:29,630 # Dog-- kiloluk ya da hashtag, ya octothorpe, ya da ne olursa olsun 563 00:23:29,630 --> 00:23:32,050 Eğer ki- keskin aramak istiyorum. 564 00:23:32,050 --> 00:23:34,875 >> ALLISON BUCHHOLTZ-AU: Keskin köpek. 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 Bir şey, köpek bir kimliği vardır sayfada yalnızca bir köpek var. 568 00:23:41,600 --> 00:23:43,870 Bir şey bir kimliği vardır kedi, tek bir kedi var. 569 00:23:43,870 --> 00:23:45,665 Sayfadaki birçok evcil hayvan olabilir. 570 00:23:45,665 --> 00:23:47,570 Sınıfların bu yüzden verdim. 571 00:23:47,570 --> 00:23:48,740 Sen p bir örnek var. 572 00:23:48,740 --> 00:23:50,490 Ve sonra biri bu yüzden Son örnek, hangi 573 00:23:50,490 --> 00:23:53,790 , konuştuğumuz değil bir şeydir Bunları birleştirmek ne olur. 574 00:23:53,790 --> 00:23:54,580 P.pets Yani. 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> Bunun için Yani, geri dönelim Kod ve evet another-- tanıtmak. 577 00:24:02,950 --> 00:24:04,290 Yani buraya. 578 00:24:04,290 --> 00:24:04,850 >> ALLISON BUCHHOLTZ-AU: Ben Bu gerçekten-- gibi hissediyorum 579 00:24:04,850 --> 00:24:08,105 gibi sadece örnekler üzerinden bakıyor Gerçekten bu öğrenmek için yoludur. 580 00:24:08,105 --> 00:24:09,360 Yani biz ne yapıyoruz bu. 581 00:24:09,360 --> 00:24:14,030 >> TOMAS REIMERS: Öyleyse biz taklit edelim Sadece sağ metin 2, seçmek istediğiniz? 582 00:24:14,030 --> 00:24:16,530 Yani biz kesinlikle olamaz Bir id bunu. 583 00:24:16,530 --> 00:24:19,620 Peki, biz bir o yapabilirdi id, ancak bir kimliği yoktur. 584 00:24:19,620 --> 00:24:22,490 Ben bir tane eklemek, ama en taklit izin verebilir Ben bir tane eklemek istemiyordu ki 585 00:24:22,490 --> 00:24:24,910 ya zaten başka bir şey vardır. 586 00:24:24,910 --> 00:24:26,516 Ben o yapamam. 587 00:24:26,516 --> 00:24:28,870 etiketi doğru, kesinlikle benzersiz değil mi? 588 00:24:28,870 --> 00:24:30,670 Ve ne sınıftır. 589 00:24:30,670 --> 00:24:32,314 Ama bunları birleştirebilirsiniz. 590 00:24:32,314 --> 00:24:35,230 En bir şey yapmak istedim diyelim hangi sadece şeyler geçerli olan 591 00:24:35,230 --> 00:24:39,420 sınıf özel var ve hangi sınıf tatlı var. 592 00:24:39,420 --> 00:24:48,150 >> Peki ne yapabilirim, main.css olduğunu Eğer ilk bu silmenize izin söyleyebiliriz. 593 00:24:48,150 --> 00:24:50,240 Bu birleştirebilirsiniz. 594 00:24:50,240 --> 00:24:51,430 Yani .Özel yapabilirsiniz. 595 00:24:51,430 --> 00:24:52,110 Yer yok. 596 00:24:52,110 --> 00:24:54,770 Sadece .special.pretty. 597 00:24:54,770 --> 00:25:00,550 Ne demektir şeydir hangi özel ve güzel hem de. 598 00:25:00,550 --> 00:25:01,900 Mantıklı mı? 599 00:25:01,900 --> 00:25:04,190 Ve biz burada giderseniz, ne Eğer görmek için gidiyoruz 600 00:25:04,190 --> 00:25:09,734 Bu kural için geçerlidir olduğunu Bunların her ikisi de olan ikinci bir. 601 00:25:09,734 --> 00:25:11,400 Ve bir çok şey için bunu yapabilirsiniz. 602 00:25:11,400 --> 00:25:13,270 Sen atalım say-- olabilir Ben sadece istedim iddia 603 00:25:13,270 --> 00:25:18,300 güzel sınıfı şeyler yapmak ve ayrıca bir paragraf etiketi olan. 604 00:25:18,300 --> 00:25:19,920 Yani p.pretty. 605 00:25:19,920 --> 00:25:23,585 En vardı iddia edelim etiket vücutta oldukça bir şey. 606 00:25:23,585 --> 00:25:25,850 TAMAM MI? 607 00:25:25,850 --> 00:25:28,490 Ben bu koşmak ve ben yapabilirsiniz sadece olduğunu görebilirsiniz 608 00:25:28,490 --> 00:25:32,720 olan şeyleri uygulamak için gidiyor güzel sınıf paragraflar. 609 00:25:32,720 --> 00:25:35,650 Ve sen, bu birleştirebilirsiniz temelde, istediğiniz kadar. 610 00:25:35,650 --> 00:25:38,580 Yani sadece onları bir araya koyabilirsiniz. 611 00:25:38,580 --> 00:25:39,604 Mantıklı mı? 612 00:25:39,604 --> 00:25:41,770 ALLISON BUCHHOLTZ-AU: Yani Bu tür daha yararlıdır 613 00:25:41,770 --> 00:25:45,490 zaman, Tomas, belki, daha önce diyordu Eğer çok karmaşık bir web sitesi var, 614 00:25:45,490 --> 00:25:48,050 ve zaten bir çok şey var Yazılı Bu kuralların, 615 00:25:48,050 --> 00:25:51,170 ve sadece gerekir önce gelen iki birleştirmek. 616 00:25:51,170 --> 00:25:55,350 Gibi yerine bir bütün yazma Yeni seçici ve orada değişen 617 00:25:55,350 --> 00:25:58,592 Sadece birleştirebilirsiniz Onları örtüşüp örtüşmediğini nerede. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS REIMERS: Ya bazen bir konrtol bulabilirsiniz 619 00:26:00,670 --> 00:26:04,290 bir sınıf var ki gibi yazı tipi rengi mavi olması, 620 00:26:04,290 --> 00:26:06,740 ve başka bir sınıf var ki arka plan mavi yapar. 621 00:26:06,740 --> 00:26:07,840 Ve bu sadece işe yaramaz. 622 00:26:07,840 --> 00:26:10,924 Yani özel bir durum yazma, nerede, hem varsa da-- ama, ne sen 623 00:26:10,924 --> 00:26:13,548 yapacaksın sen gidiyoruz olduğunu Bu bir mavi bu gölge yapmak 624 00:26:13,548 --> 00:26:15,310 ve bu bir mavi bu diğer gölge. 625 00:26:15,310 --> 00:26:15,580 Doğru? 626 00:26:15,580 --> 00:26:17,955 >> ALLISON BUCHHOLTZ-AU: İyi istisnalar bu tür. 627 00:26:17,955 --> 00:26:21,220 TOMAS REIMERS: Yani sorunlar hakkında düşünmek 628 00:26:21,220 --> 00:26:25,000 Bunları birleştirmek zaman bu ortaya çıkabilir. 629 00:26:25,000 --> 00:26:27,020 Serin. 630 00:26:27,020 --> 00:26:29,692 Yani geri sunumu. 631 00:26:29,692 --> 00:26:31,400 ALLISON BUCHHOLTZ-AU: Biz neredeyse oradayız. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: Ve bağlantı durdu. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ-AU: Oh, hayır. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ-AU: En CS ofis, internet aşağı gider. 635 00:26:39,125 --> 00:26:40,360 Ah, ironi. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS REIMERS: Yani neyse, biz internet olmadan sunmak, sanırım, 637 00:26:45,620 --> 00:26:47,380 Burada tüm slaytlar var çünkü. 638 00:26:47,380 --> 00:26:49,304 Yani hakkında konuşalım etiketleri ilişkisi. 639 00:26:49,304 --> 00:26:50,470 ALLISON BUCHHOLTZ-AU: Sağ. 640 00:26:50,470 --> 00:26:52,660 Gidiş Yani sadece tür Tomas ne dedi kapalı, 641 00:26:52,660 --> 00:26:54,180 bunu yapmak için sadece başka bir yoludur. 642 00:26:54,180 --> 00:26:57,840 Bu yüzden bazı ebeveyne sahip Bir çocuk seçici ile Seçiciye. 643 00:26:57,840 --> 00:27:02,815 Yani burada bu örnekte, bazı var Bir sınıf navbar, sınıf düğmesine vücut. 644 00:27:02,815 --> 00:27:03,315 Ah. 645 00:27:03,315 --> 00:27:03,990 >> TOMAS REIMERS: Oh, üzgünüm. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON BUCHHOLTZ-AU: Ve temelde, bu ne demektir 647 00:27:06,180 --> 00:27:11,070 gibi, tüm çocukların seçmektir seçiciler bu tür tüm, 648 00:27:11,070 --> 00:27:13,040 Bu ana seçicisi içinde. 649 00:27:13,040 --> 00:27:16,004 Ve bu sadece onlar hiç uygulamak için gidiyor. 650 00:27:16,004 --> 00:27:17,755 Bilmiyorum eğer Daha iyi bir yol var of-- 651 00:27:17,755 --> 00:27:19,504 TOMAS REIMERS: Ben düşünmek için bir yol sanırım 652 00:27:19,504 --> 00:27:22,440 Bu konuda nasıl önce hatırlayın biz tür bir araya koymak onları seviyorum. 653 00:27:22,440 --> 00:27:26,340 Sonra bu bir elemanını hangi tüm bu eşleşir. 654 00:27:26,340 --> 00:27:29,530 Ne bu söylediğini ben, bir Her şeyi maç istiyorum 655 00:27:29,530 --> 00:27:33,220 Ben istiyorum some-- içinde Bir seçici bulmak için. 656 00:27:33,220 --> 00:27:35,670 Ve o içinde, ben istiyorum Yeni şeyler eşleşecek. 657 00:27:35,670 --> 00:27:36,170 Doğru? 658 00:27:36,170 --> 00:27:40,900 Yani CSS, tüm hakkında tür var Bu öğeleri maç edememek. 659 00:27:40,900 --> 00:27:43,050 Ve maç deneyebilirsiniz diğer öğeleri içinde öğeler. 660 00:27:43,050 --> 00:27:46,510 >> Peki, en aslında bir örnek yapalım ve biz açıklamak düşünüyorum. 661 00:27:46,510 --> 00:27:53,090 Bu yüzden biz özel var gibi yapalım, özel tatlı, ne olursa olsun. 662 00:27:53,090 --> 00:27:55,690 Ve sonra tamam, bir bağlantı var? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 Yani bir bir link, hatırlıyorum. 665 00:28:02,370 --> 00:28:03,900 Bu yere gitmek için gitmiyor. 666 00:28:03,900 --> 00:28:11,500 Ve biz bunu vereceğiz sınıf bağlantısı, sanırım. 667 00:28:11,500 --> 00:28:13,335 Haydi verelim Bana bir fikir ver class--. 668 00:28:13,335 --> 00:28:14,460 ALLISON BUCHHOLTZ-AU: Serin. 669 00:28:14,460 --> 00:28:16,420 TOMAS REIMERS: atalım COO- oldukça sınıf gidin. 670 00:28:16,420 --> 00:28:16,930 Neden olmasın? 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ-AU: Tamam. 672 00:28:17,971 --> 00:28:23,040 TOMAS REIMERS: Yani Şu anda güzel şeyler 673 00:28:23,040 --> 00:28:26,000 arka plan yapmak için gidiyoruz somon, mavi, arka plan rengi. 674 00:28:26,000 --> 00:28:27,969 Bu mantıklı. 675 00:28:27,969 --> 00:28:28,760 Ve biz bu-- yaparsak 676 00:28:28,760 --> 00:28:29,620 >> ALLISON BUCHHOLTZ-AU: Metin eklemek ister misiniz 677 00:28:29,620 --> 00:28:31,078 böylece köprü aslında gösterir? 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: O İyi bir çağrı olacaktır. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'Çünkü hakkı Şimdi hiçbir şey alacağız sadece ediyoruz. 680 00:28:37,921 --> 00:28:39,690 TOMAS REIMERS: Yani bu bir bağlantıdır. 681 00:28:39,690 --> 00:28:42,202 "Bu bir bağlantıdır." 682 00:28:42,202 --> 00:28:45,820 Oh, ve bu gidiyor Başka bir bağlantı olması. 683 00:28:45,820 --> 00:28:47,280 Hadi bunu sınıfı verelim "serin." 684 00:28:47,280 --> 00:28:50,295 Haklısın. 685 00:28:50,295 --> 00:28:50,795 Serin. 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 Yani şimdi biz bu kapmak için gidiyoruz. 688 00:28:56,010 --> 00:28:57,269 Biz bir tane atmak için gidiyoruz. 689 00:28:57,269 --> 00:28:59,060 Biz bir tane var özel etiket ve ayrıca 690 00:28:59,060 --> 00:29:01,150 güzel etiketi birine sahip olacak. 691 00:29:01,150 --> 00:29:05,449 Ve şimdi biz gidiyoruz ne yapmak, biz cool-- yapmak için gidiyoruz olduğunu 692 00:29:05,449 --> 00:29:06,490 ne biz yapmak istiyorsun? 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 yapabilir miyim? 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: en oa sınır vereyim. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ-AU: Biz sınır olabilir. 697 00:29:14,840 --> 00:29:15,673 TOMAS REIMERS: Evet. 698 00:29:15,673 --> 00:29:18,560 Bu yüzden bir şey yapacağız gibi, sınır o-- ve biz konum 699 00:29:18,560 --> 00:29:20,971 Bütün bir saniye içinde bu açıklamaya gidiyor. 700 00:29:20,971 --> 00:29:21,470 Şimdilik-- 701 00:29:21,470 --> 00:29:24,592 >> ALLISON BUCHHOLTZ-AU: kutu modeli için. 702 00:29:24,592 --> 00:29:27,300 TOMAS REIMERS: Ama şimdi, biz konum Sadece ona bir sınır verecek. 703 00:29:27,300 --> 00:29:29,580 Peki demektir sen olduğunu Bu bağlantıları göreceğiz. 704 00:29:29,580 --> 00:29:32,788 Ve onlar sahip olduğunu görmek için gidiyoruz Bu gibi çirkin siyah sınırları, hangi 705 00:29:32,788 --> 00:29:33,820 serin. 706 00:29:33,820 --> 00:29:34,500 >> ALLISON BUCHHOLTZ-AU: Sitemiz çok güzel. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS REIMERS: Evet. 708 00:29:35,333 --> 00:29:38,930 Sitemiz harika. 709 00:29:38,930 --> 00:29:41,585 Yani bu iki bağlantılar ve göründükleri. 710 00:29:41,585 --> 00:29:44,160 Şimdi ben taklit edelim Sadece bunu yapmak istedim 711 00:29:44,160 --> 00:29:50,072 o şey içinde değilse hangi somon bir arka plan vardı. 712 00:29:50,072 --> 00:29:52,280 Yani bu bir unutmayın , somon bir geçmişe sahip 713 00:29:52,280 --> 00:29:54,000 oldukça sınıfın çünkü. 714 00:29:54,000 --> 00:29:59,777 >> Ama biz sadece soğutur söylemek istiyorum sınıfta sınıfta, özel olmayan hangi 715 00:29:59,777 --> 00:30:02,890 güzel, o sınırı olmalıdır. 716 00:30:02,890 --> 00:30:12,549 Peki, ne yapabilirim sen .cool, .Özel, uzay söyleyebiliriz. 717 00:30:12,549 --> 00:30:15,590 Sizce Ve o, ne yapıyor Bu konuda, bu temelde söylüyor ise, 718 00:30:15,590 --> 00:30:19,530 Tamam, bana her şeyi bulmak Bu özel maçlar. 719 00:30:19,530 --> 00:30:24,104 Daha sonra bu etiketleri içinde bulmak serin bana her şeyi. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ-AU: Yani başka bir yolu Bu, bu düşünmek iyi olabilir 721 00:30:27,270 --> 00:30:29,810 C geri getiren, bir sadece kapsam fikir gibi. 722 00:30:29,810 --> 00:30:34,020 Yani bazı varsa olanlar gibi seçici, 723 00:30:34,020 --> 00:30:38,460 Bu daha önce çalışan oldum, tüm web sayfası, HTML tüm 724 00:30:38,460 --> 00:30:40,180 Doğru, senin kapsamında değildir? 725 00:30:40,180 --> 00:30:43,090 Ama biz bu olduğunda ebeveyn-çocuk ilişkileri, 726 00:30:43,090 --> 00:30:47,130 aşağı nerede daralma konum sanki bulunuyor Belirli bir yere arıyorsanız 727 00:30:47,130 --> 00:30:50,540 sanki, gibi, içimizdeki arıyoruz Belirli bir işlev yerine 728 00:30:50,540 --> 00:30:52,007 Bizim tüm dosya. 729 00:30:52,007 --> 00:30:55,090 HEDEF KİTLE: olur, akılda So Biz changed-- olsaydı önemi var 730 00:30:55,090 --> 00:30:56,423 ALLISON BUCHHOLTZ-AU: sipariş? 731 00:30:56,423 --> 00:30:59,320 HEDEF KİTLE: CSS açıyı sınıf boşluk, .cool için .Özel? 732 00:30:59,320 --> 00:31:01,153 ALLISON BUCHHOLTZ-AU: Evet, çünkü o 733 00:31:01,153 --> 00:31:04,420 kapsam bunu için, söyleyebilirim serin olan her şey, 734 00:31:04,420 --> 00:31:07,235 ve sonra ne has-- bakmak Ben, bu durumda olduğu gibi, yani 735 00:31:07,235 --> 00:31:08,860 Ben bunu değişti sanmıyorum. 736 00:31:08,860 --> 00:31:10,318 >> TOMAS REIMERS: Biz ne demişti Eğer? 737 00:31:10,318 --> 00:31:10,906 Özür dilerim. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ-AU: biz ise daha sonra soğumaya ve kapsamı 739 00:31:12,660 --> 00:31:14,550 Özel dışarı şeyler aramak, aslında, aynı olurdu. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: Yani olmaz. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON BUCHHOLTZ-AU: Bu değil mi? 742 00:31:16,590 --> 00:31:17,590 Oh iyi, oh. 743 00:31:17,590 --> 00:31:18,090 Ben yanlış duyuyorum. 744 00:31:18,090 --> 00:31:21,480 >> TOMAS REIMERS: Yani nedeni o different-- ortak mistake-- var 745 00:31:21,480 --> 00:31:27,140 olduğunu şu anda sadece bağlantı sağ, serin var? 746 00:31:27,140 --> 00:31:32,176 Siz ise ben, benim sorum sanırım Bu sayfada ne .cool tarafından eşleştirilir? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 İki etiketleri doğru, burada vardır? 749 00:31:38,340 --> 00:31:39,770 Hangisi bu ve bu biridir. 750 00:31:39,770 --> 00:31:40,590 Hem serin maç. 751 00:31:40,590 --> 00:31:42,200 Başka bir şey yok. 752 00:31:42,200 --> 00:31:46,460 Yani dedi, eğer, .cool, uzay, .Özel, sen söylemek için gidiyoruz ne, 753 00:31:46,460 --> 00:31:48,824 Bu etiketleri içinde, özel nedir? 754 00:31:48,824 --> 00:31:49,865 ALLISON BUCHHOLTZ-AU: Hm. 755 00:31:49,865 --> 00:31:51,800 İşte ne Durdur-- doğru. 756 00:31:51,800 --> 00:31:52,310 Burada sadece bir şey gibi çünkü. 757 00:31:52,310 --> 00:31:53,310 >> TOMAS REIMERS: Yani hiçbir şey seçer. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ-AU: Halbuki Özel, burada bu etiketleri içinde konum. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: Bu ve bu. 760 00:31:57,971 --> 00:31:58,512 HEDEF KİTLE: Tamam. 761 00:31:58,512 --> 00:31:58,920 Yani ileri gelenler etiketler çizgi? 762 00:31:58,920 --> 00:31:59,740 >> TOMAS REIMERS: Evet. 763 00:31:59,740 --> 00:32:01,150 Mantıklı mı? 764 00:32:01,150 --> 00:32:03,685 Nasıl temelde kapsamını daraltmak için çalışıyor. 765 00:32:03,685 --> 00:32:04,810 ALLISON BUCHHOLTZ-AU: Evet. 766 00:32:04,810 --> 00:32:06,870 Ben muhtemelen düşünüyorum en kolay yolu bunu düşünmek. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS REIMERS: Yani biz bunu buldum, ve Bu hem özel Bahisler bulundu. 768 00:32:09,270 --> 00:32:11,400 Ve sonra içinde, soruyorsun Bu adamlar, serin ne? 769 00:32:11,400 --> 00:32:12,941 Ve bu bir, bu kişinin serin içinde. 770 00:32:12,941 --> 00:32:14,500 Bu biri içinde, bir şey serin. 771 00:32:14,500 --> 00:32:16,250 Yani bu kalan tek etikettir. 772 00:32:16,250 --> 00:32:20,112 >> ALLISON BUCHHOLTZ-AU: serin Oysa sadece orada bunlar etiketleri içinde. 773 00:32:20,112 --> 00:32:21,070 TOMAS REIMERS: Kesinlikle. 774 00:32:21,070 --> 00:32:22,403 Ve o içinde özel nedir? 775 00:32:22,403 --> 00:32:22,930 Hiçbir şey. 776 00:32:22,930 --> 00:32:25,270 Şimdi, ben ne diyecekler olduğunu boşluk varsa, 777 00:32:25,270 --> 00:32:29,880 serin ve special-- ne soruyorsun veya sağa, güzel ve özel ne? 778 00:32:29,880 --> 00:32:35,370 Eğer .special.pretty derseniz, işte .pretty.special gibi. 779 00:32:35,370 --> 00:32:39,220 >> Boşluk çıkarmadan ne Çünkü Eğer .Özel deyince, soran, 780 00:32:39,220 --> 00:32:40,970 Eğer, tamam, soruyorsun hangilerinin özeldir? 781 00:32:40,970 --> 00:32:43,780 Sonra, bu, hangi olanlar da oldukça vardır, 782 00:32:43,780 --> 00:32:47,010 hangi dilbilgisi, aynı, soran gibi oldukça ne, 783 00:32:47,010 --> 00:32:49,500 ve daha sonra olanlar, özel de ne? 784 00:32:49,500 --> 00:32:50,000 Doğru? 785 00:32:50,000 --> 00:32:53,099 Bu farkı var ne ne içinde var. 786 00:32:53,099 --> 00:32:53,640 HEDEF KİTLE: Tamam. 787 00:32:53,640 --> 00:32:54,473 TOMAS REIMERS: Evet. 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 Korku. 790 00:32:58,030 --> 00:33:00,426 Sonra-- düşünülerek Yani 791 00:33:00,426 --> 00:33:01,800 >> ALLISON BUCHHOLTZ-AU: Ben bizim son düşünüyorum şey (FANTAZİ İngiliz aksanıyla) 'dir 792 00:33:01,800 --> 00:33:02,510 kutu modeli. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: box-- [güler] Ben Allison söylüyor yolu seviyorum. 794 00:33:05,992 --> 00:33:06,950 Kutu modeli şey Yani. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ-AU: Sadece var Bir kutu, ben senin kutu modeli olacak. 796 00:33:09,644 --> 00:33:11,310 TOMAS REIMERS: Yani bu konuda konuşalım. 797 00:33:11,310 --> 00:33:14,070 Yani şu anda biz çok geçirdim Zaman seçiciler bahsediyoruz. 798 00:33:14,070 --> 00:33:16,944 Artık, siz gibi, muhtemelen, Bildiğiniz selectors-- ustaları, 799 00:33:16,944 --> 00:33:21,510 tam içeriği seçmek için nasıl Eğer ekranda işlemek istiyorum. 800 00:33:21,510 --> 00:33:24,740 >> Şimdi soru, nasıl tam olarak işleyebilirsiniz? 801 00:33:24,740 --> 00:33:27,010 Yani en temel sanırım Bu konuda düşünmek yolu 802 00:33:27,010 --> 00:33:30,294 iyi, tam olarak ne olduğunu CSS bir unsurdur? 803 00:33:30,294 --> 00:33:32,585 Biz çok zaman geçirdim hakkında konuşurken, bir etiket nedir, 804 00:33:32,585 --> 00:33:36,140 ya da en temel ne Bir etiket gösterimi? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> Düşünmek için iyi bir yol yani, somon ne şekil nedir? 807 00:33:45,170 --> 00:33:47,295 Gibi, Ne şekil arka plan Somon renkli? 808 00:33:47,295 --> 00:33:47,880 >> İZLEYİCİ: Bu bir dikdörtgen var. 809 00:33:47,880 --> 00:33:49,040 >> TOMAS REIMERS: Bu doğru, bir dikdörtgen değil mi? 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ-AU: Bir tuzak soru değildi. 811 00:33:50,956 --> 00:33:51,870 [KAHKAHA] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS REIMERS: çalışıyorum değil Bu geç Sizi kandırmak için. 813 00:33:54,670 --> 00:33:57,510 Yani biz bu dikdörtgen var. 814 00:33:57,510 --> 00:33:59,140 Ve etiketi p, değil mi? 815 00:33:59,140 --> 00:34:02,280 Yani bize iyi verir paragraf inancı 816 00:34:02,280 --> 00:34:07,440 de, bir dikdörtgen olarak gösterilmektedir Tarayıcının zihninde, en az hangi 817 00:34:07,440 --> 00:34:08,715 öyle. 818 00:34:08,715 --> 00:34:11,423 >> ALLISON BUCHHOLTZ-AU: Yani, tarayıcılar olarak dik dörtgen şeklinde olan 819 00:34:11,423 --> 00:34:13,440 bu yüzden mantıklı. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: Fikir burada CSS içinde etiketleri tüm bu 821 00:34:18,750 --> 00:34:21,790 bir dikdörtgen olarak temsil edilir. 822 00:34:21,790 --> 00:34:25,699 Ve her dikdörtgen dört sahiptir CSS göre parçalar, tamam mı? 823 00:34:25,699 --> 00:34:27,830 Sen gerçek içeriği var. 824 00:34:27,830 --> 00:34:29,644 Metin yatıyor orası. 825 00:34:29,644 --> 00:34:30,470 >> ALLISON BUCHHOLTZ-AU: Belki resim. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: Evet. 827 00:34:31,303 --> 00:34:33,860 Sen hangi, dolgu var beyaz boşluk sadece bazı tür. 828 00:34:33,860 --> 00:34:35,085 Sonra bir sınır var. 829 00:34:35,085 --> 00:34:37,710 Ve sonra, marjı var olan Bunun dışında beyaz alanıdır. 830 00:34:37,710 --> 00:34:39,460 Bu hiç mantıklı Yani herkese, bu yüzden konum 831 00:34:39,460 --> 00:34:42,500 Bir saniye için bu konuda konuşmak için gidiyoruz. 832 00:34:42,500 --> 00:34:47,570 Yani burada biz yapacağız ne tamam, bazı divs oluşturmak için gidiyoruz mı? 833 00:34:47,570 --> 00:34:48,420 Beni ederken dilerim ben- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ-AU: Ben gibi hissediyorum Biz sevimli bir resim koymak gerekir. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: Biz kesinlikle gerekir. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ-AU: Ben herkes gibi hissediyorum 837 00:34:53,389 --> 00:34:54,870 Bir yararlanabilecek sevimli resim, hepsi bu. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: Can biz bir-- tüm parası 839 00:34:56,774 --> 00:34:57,648 >> İZLEYİCİ: Evet, tabii. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: Tamam, güzel. 841 00:34:58,790 --> 00:35:02,254 Yani biz bir şirin koymak gerekir yerde resim. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ-AU: Ben gibi hissediyorum sevimli tavşan hemen yararlı olabilir. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: Tabii. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ-AU: Hafta 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: Nasıl bir kedi yavrusu dersin? 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ-AU: Bir yavru da çalışır. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: Serin, çünkü Bunun için bir site var. 849 00:35:11,300 --> 00:35:12,300 Bu PlaceKitten denir. 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: Evet. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ-AU: Tıpkı, için, web sitenizde yer tutucu görüntüleri. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: Mm-hm. 854 00:35:18,914 --> 00:35:21,520 PlacePuppy da bulunuyor. 855 00:35:21,520 --> 00:35:22,832 Ve PlaceBacon var. 856 00:35:22,832 --> 00:35:24,340 >> ALLISON BUCHHOLTZ-AU: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 Gerçekten mi? 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: Ah, biz yok Burada internet erişimi var. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ-AU: [homurdanıyor] 860 00:35:29,875 --> 00:35:30,375 Trajik. 861 00:35:30,375 --> 00:35:32,333 TOMAS REIMERS: Aksi takdirde, Sizi gösterecektir 862 00:35:32,333 --> 00:35:33,870 nasıl web sitenize görüntüleri koymak. 863 00:35:33,870 --> 00:35:36,370 Biz bu almak için denemek için gidiyoruz biz gitmek zorunda önce çalışma. 864 00:35:36,370 --> 00:35:38,660 Ama şimdi, biz sadece konum sonra renklerde konuşacağım. 865 00:35:38,660 --> 00:35:39,820 Biz kittens-- resimlerini koymak istiyorum 866 00:35:39,820 --> 00:35:40,210 >> ALLISON BUCHHOLTZ-AU: Biz yaptık. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: açıyı internet sitesinin Şu an için aşağı olmak. 868 00:35:43,110 --> 00:35:47,820 Bu yüzden iki divs var, ve biz konum Onlara iki kimlikleri vereceğim. 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 Biz onu aramak için gidiyoruz "İlk" ve "ikinci". 871 00:35:56,760 --> 00:36:01,184 Yani id = "ilk". 872 00:36:01,184 --> 00:36:02,850 Ve biz onlara iki renk vermek için gidiyoruz. 873 00:36:02,850 --> 00:36:08,424 Bu yüzden bir şey seçmek nasıl "İlk" bir kimliği ile? 874 00:36:08,424 --> 00:36:09,840 ALLISON BUCHHOLTZ-AU: Nokta veya karma? 875 00:36:09,840 --> 00:36:10,730 HEDEF KİTLE: Keskin. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: Keskin, mükemmel. 877 00:36:12,940 --> 00:36:14,950 Keskin, karma, ne olursa olsun biz-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ-AU: Çok şeyler onu aramak için. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: Tamam. 880 00:36:16,430 --> 00:36:19,800 Biz hashtag yerleşmek için gidiyoruz, ve konum biz gitmek için gidiyoruz budur. 881 00:36:19,800 --> 00:36:20,300 TAMAM MI? 882 00:36:20,300 --> 00:36:20,735 >> ALLISON BUCHHOLTZ-AU: Hashtag. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS REIMERS: O hashtag ilk. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ-AU: Yani Eğer seminar-- tweet edebilirsiniz 885 00:36:24,506 --> 00:36:27,582 hashtag CSS, serin 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, evet. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: Tamam. 889 00:36:31,480 --> 00:36:33,660 Bu yüzden "ilk" ve "ikinci" var. 890 00:36:33,660 --> 00:36:37,697 Yani ilk, biz gidiyoruz kırmızı bir arka plan rengi. 891 00:36:37,697 --> 00:36:39,030 ALLISON BUCHHOLTZ-AU: Ah, kolon. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: Evet. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ-AU: Ben senin yerinde denetleyici olacak. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: Allison beni. 895 00:36:43,960 --> 00:36:45,830 Blue-- bir background-color 896 00:36:45,830 --> 00:36:46,810 >> TOMAS REIMERS: Mor! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS REIMERS: Mor. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ-AU: Evet. 899 00:36:48,830 --> 00:36:50,630 Purple benim en sevdiğim renk, ve biz henüz bunu kullanmadım. 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 Yani çalışır. 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> TOMAS REIMERS: Yani sen İki divs olacak. 905 00:36:59,880 --> 00:37:01,654 Onlar tamamen boş gidiyoruz. 906 00:37:01,654 --> 00:37:03,070 Biz muhtemelen bazı metin olmalıdır. 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 Yani "ilk" olacak "MERHABA." 909 00:37:09,815 --> 00:37:10,940 Ve "ikinci" say-- olacak 910 00:37:10,940 --> 00:37:11,110 >> ALLISON BUCHHOLTZ-AU: Güle güle. 911 00:37:11,110 --> 00:37:12,514 >> İZLEYİCİ: - "DÜNYA." 912 00:37:12,514 --> 00:37:14,122 Hoşçakal, Merhaba. 913 00:37:14,122 --> 00:37:16,580 ALLISON BUCHHOLTZ-AU: gördüm konserde onları diğer hafta. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: The Beatles? 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ-AU: reals için. 916 00:37:20,242 --> 00:37:21,200 Onlar bu harika değil. 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 Ben bunu sevmedim. 919 00:37:24,750 --> 00:37:26,060 >> TOMAS REIMERS: Biz "MERHABA" ve "VEDA". 920 00:37:26,060 --> 00:37:29,102 Ve yine, CSS, sadece harika bizim renkleri tanır çünkü. 921 00:37:29,102 --> 00:37:30,810 Hatta gerek yok onların var olduğunu endişe. 922 00:37:30,810 --> 00:37:33,194 Onlar yapmak. 923 00:37:33,194 --> 00:37:35,130 >> ALLISON BUCHHOLTZ-AU: Onlar var. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: Yani CSS ben olduğunu düşünüyorum 255 kelime rengi hakkında konuşmak için. 925 00:37:39,560 --> 00:37:42,986 Dışında bir renk düşünüyorum Eğer Bu 255 gibi, ben etkilendim olacak. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ-AU: Evet. 927 00:37:44,110 --> 00:37:45,560 Sizlerin olabilir düşünüyorum sadece sağ sonra gelir. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS REIMERS: Yani burada, biz iki kutu var görürsünüz 929 00:37:47,727 --> 00:37:49,143 Sağ birbirlerini sağ üst? 930 00:37:49,143 --> 00:37:50,200 MERHABA ve VEDA. 931 00:37:50,200 --> 00:37:51,460 >> ALLISON BUCHHOLTZ-AU: Arasında boşluk var. 932 00:37:51,460 --> 00:37:53,390 Onlar sadece smooshed konum Sağ birbirinin üstüne. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: Yani ilk şey Sanırım hakkında konuşmak sanırım 934 00:37:55,973 --> 00:38:02,960 en de evet say-- üzüyor. 935 00:38:02,960 --> 00:38:08,020 Yani CSS kutuları tür olarak temsil eder. 936 00:38:08,020 --> 00:38:10,100 Ve kutular gibi, onlar içeriğe sahip. 937 00:38:10,100 --> 00:38:14,540 Ve içerik şu anda tür olduğunu MERHABA veya VEDA ve o kadar. 938 00:38:14,540 --> 00:38:15,040 TAMAM MI? 939 00:38:15,040 --> 00:38:19,790 Ilk şeylerden >> Yani bir sen yapabilirsiniz Eğer dolgu ekleyebilirsiniz olduğunu. 940 00:38:19,790 --> 00:38:25,610 Dolgu ne kadar yer diyor her tarafta bırakmalısınız. 941 00:38:25,610 --> 00:38:29,200 Yani söylemek istediğim diyelim Her tarafta 10 piksel. 942 00:38:29,200 --> 00:38:31,234 Ve ben bir saniye o teşrih edecek. 943 00:38:31,234 --> 00:38:33,150 ALLISON BUCHHOLTZ-AU: Burada Bütün bunlar 944 00:38:33,150 --> 00:38:36,980 piksel çoğunlukla olacak Seminerin geri kalanı için. 945 00:38:36,980 --> 00:38:40,980 Bunu sahip olduğunu görmek için gidiyoruz etrafında biraz boşluk, değil mi? 946 00:38:40,980 --> 00:38:46,360 Yani burada göremiyor ne var olduğunu padding bu görünmez tür 947 00:38:46,360 --> 00:38:49,600 gibi der her kenarında, Tamam, sen content-- sizin kutusu var 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ-AU: İstediğiniz musunuz Sadece kontrol elemanı yukarı çekmek için? 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: Evet, bu iyi bir fikir. 950 00:38:53,659 --> 00:38:56,700 ALLISON BUCHHOLTZ-AU: Ayrıca, ben buluyorum kontrol elemanı iyi bir yol olduğunu 951 00:38:56,700 --> 00:39:01,280 bir şey oluyor eğer anlamaya Yanlış, beklenmedik bir şey olur, 952 00:39:01,280 --> 00:39:04,570 etiketleri teftiş ve görme ne üzerine yazılır yararlı gibi değil. 953 00:39:04,570 --> 00:39:05,940 >> TOMAS REIMERS: Ben emin değilim Siz bu rengi görebilirsiniz eğer. 954 00:39:05,940 --> 00:39:06,470 Can? 955 00:39:06,470 --> 00:39:10,120 Bu doldurma görürsünüz kenarın tür üzerinde. 956 00:39:10,120 --> 00:39:13,410 Ve sonra gerçek görmek mavi içeriği, değil mi? 957 00:39:13,410 --> 00:39:16,820 Yani çok var kutu modelinin temelleri. 958 00:39:16,820 --> 00:39:17,674 Sen içeriğe sahip. 959 00:39:17,674 --> 00:39:18,590 Sonra dolgu var. 960 00:39:18,590 --> 00:39:20,440 >> İZLEYİCİ: Neden sadece yok Şeyin içinde kutuyu kullanın 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ-AU: Sağ. 962 00:39:21,606 --> 00:39:24,745 Sadece seçme Çünkü Şu anda eleman. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS REIMERS: Evet. 964 00:39:26,050 --> 00:39:27,060 Diğer şeyler. 965 00:39:27,060 --> 00:39:29,780 Yani bu konuda konuşalım Bir saniye için dolgu komutu. 966 00:39:29,780 --> 00:39:36,380 CSS, ölçümlerde Yani Bir birim olması gerekir. 967 00:39:36,380 --> 00:39:39,740 Yani ilk önce miktarda var. 968 00:39:39,740 --> 00:39:41,460 Yani bu durumda, biz 10 söyledim. 969 00:39:41,460 --> 00:39:44,780 Sonra bir sonraki söylediğim biz piksel, px olduğunu. 970 00:39:44,780 --> 00:39:49,160 Aklınıza gelebilecek diğer olanlar santimetre, inç gibi şeyler. 971 00:39:49,160 --> 00:39:51,367 Sen gibi şeyler yapabilirsiniz, 10 inç nedir? 972 00:39:51,367 --> 00:39:52,700 Ve saçma olacak. 973 00:39:52,700 --> 00:39:52,990 >> ALLISON BUCHHOLTZ-AU: Ah, oğlum. 974 00:39:52,990 --> 00:39:53,460 >> İZLEYİCİ: Vay. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS VE ALLISON: Evet. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: Böylece tüm padding. 977 00:39:57,840 --> 00:39:59,255 Ben piksel geri dönmek için gidiyorum. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ-AU: Piksel standart gibi olma eğilimindedir. 979 00:40:01,754 --> 00:40:04,589 Eğer web sitelerinin bir sürü baktığımızda, çoğunlukla piksel çalışır. 980 00:40:04,589 --> 00:40:07,755 TOMAS REIMERS: Yani görmek için gidiyoruz Ya gördüğünüz diğer olanları pixels-- 981 00:40:07,755 --> 00:40:13,952 bir em olan, em olduğunu yazı yüksekliğine eşit 982 00:40:13,952 --> 00:40:15,160 hangi anda kullanıyoruz. 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, söylemek için iyi bir yoldur gibi, benim yazı kadar yer istiyor 986 00:40:20,740 --> 00:40:21,514 alarak. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ-AU: bilmiyor muydunuz. 988 00:40:23,180 --> 00:40:25,747 Sen yeni bir şey her gün öğrenirler. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: var olan bir CS ölçümlerin çok. 990 00:40:27,955 --> 00:40:29,260 Ben onları bakmak öneririz. 991 00:40:29,260 --> 00:40:32,122 Tüm durumlarda, sanırım piksel için yeterli olmalıdır. 992 00:40:32,122 --> 00:40:33,830 Ve onlar da ne konum Eğer görmek için gidiyoruz 993 00:40:33,830 --> 00:40:36,520 Online yapılan örnekler çoğunda. 994 00:40:36,520 --> 00:40:38,320 Bu yüzden piksel bırakacağım. 995 00:40:38,320 --> 00:40:42,420 >> Siz de yapabilirsiniz, ben bu yüzden say-- gerekir dolgu setleri altlık tüm. 996 00:40:42,420 --> 00:40:49,789 Ayrıca böyle bir şey yapabilirsiniz Sadece set-- için "padding-top" 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ-AU: Belki bizim "MERHABA" geri alırsınız. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: sadece set --to üst ve başka bir şey dolgu. 999 00:40:55,480 --> 00:40:59,560 Yani dört komutları padding-top vardır, padding-bottom, padding-left, 1000 00:40:59,560 --> 00:41:00,310 ve dolgu sağ. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ-AU: Sadece gibi Eğer bir kutu için beklenebilir. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS REIMERS: Evet. 1003 00:41:03,530 --> 00:41:05,240 Hiçbir şey orada çok çılgın. 1004 00:41:05,240 --> 00:41:08,230 Mantıklı mı? 1005 00:41:08,230 --> 00:41:11,990 Yani dolgu olduğunu. 1006 00:41:11,990 --> 00:41:14,110 Ben tüm ayarlamak için gidiyorum geri 10 altlıkları. 1007 00:41:14,110 --> 00:41:17,010 Ve sonra sınıra hareket edeceğim. 1008 00:41:17,010 --> 00:41:21,130 >> Peki sınır olduğunu Sınır garip bir komut var. 1009 00:41:21,130 --> 00:41:24,450 Aynı anda üç tür şeyleri alır. 1010 00:41:24,450 --> 00:41:28,930 Yani ilk ne büyük Bir ölçü olarak olmak istiyorum. 1011 00:41:28,930 --> 00:41:30,662 Yine, ben sadece pikselleri kullanıyorum. 1012 00:41:30,662 --> 00:41:32,620 Ve son şey ölçümlere eklemek gerekir 1013 00:41:32,620 --> 00:41:35,270 bir şey olduğu Bir birim gerekmez 0 olduğunu. 1014 00:41:35,270 --> 00:41:37,390 Aslında yanlış var 0 bir birim elde etmek üzere 1015 00:41:37,390 --> 00:41:41,940 0 0 inç arasında olduğundan, piksel, santimetre, ne olursa olsun. 1016 00:41:41,940 --> 00:41:43,960 Hepsi sadece doğru, 0 demek? 1017 00:41:43,960 --> 00:41:46,710 Yani ilk bunu ölçümü verir. 1018 00:41:46,710 --> 00:41:48,650 >> Sonra bunu stil vermek. 1019 00:41:48,650 --> 00:41:49,869 Yani söylemek için gidiyorum "katı." 1020 00:41:49,869 --> 00:41:51,410 Ve biz bu ne anlama geldiği hakkında konuşacağız. 1021 00:41:51,410 --> 00:41:54,290 Ve sonra son olarak, bunu bir renk verir. 1022 00:41:54,290 --> 00:41:56,850 Yani söylemek için gidiyorum "siyah." 1023 00:41:56,850 --> 00:41:59,637 Ve bunlar biz ettik her şey vardır şimdi tarzı dışında, daha önce görülen, 1024 00:41:59,637 --> 00:42:00,720 ama biz bu konuda konuşacağım. 1025 00:42:00,720 --> 00:42:04,120 Yani siz ölçümleri gördük, ve renkleri gördüm. 1026 00:42:04,120 --> 00:42:10,410 Ve ne olur biz bu olsun çevresinde güzel siyah sınır, değil mi? 1027 00:42:10,410 --> 00:42:11,620 Biz bunu nasıl Siz gördünüz mü? 1028 00:42:11,620 --> 00:42:12,760 >> İZLEYİCİ: Evet. 1029 00:42:12,760 --> 00:42:14,850 >> TOMAS REIMERS: Serin. 1030 00:42:14,850 --> 00:42:17,370 Peki bu ne? 1031 00:42:17,370 --> 00:42:19,160 Yani her şeyden önce, bir piksel var. 1032 00:42:19,160 --> 00:42:20,880 Bu doğru, yeterli apaçık değil mi? 1033 00:42:20,880 --> 00:42:23,254 Gibi, bir piksel kalın. 1034 00:42:23,254 --> 00:42:26,170 Ya da bir piksel olurdu, ama ben değilim o biraz daha yani, yakınlaştırılmış 1035 00:42:26,170 --> 00:42:26,490 daha. 1036 00:42:26,490 --> 00:42:27,967 >> ALLISON BUCHHOLTZ-AU: Ve biz var Bu saçma çözünürlük TV. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS REIMERS: Evet. 1038 00:42:29,460 --> 00:42:33,640 Bunu büyük yapabilirsiniz, küçük, ne olursa olsun. 1039 00:42:33,640 --> 00:42:35,630 Yani burada bir iki-piksel sınır var. 1040 00:42:35,630 --> 00:42:38,810 Bunu kalın olarak iki kat göreceksiniz. 1041 00:42:38,810 --> 00:42:40,172 Eğer varsa sonraki şey renktir. 1042 00:42:40,172 --> 00:42:41,130 Bu ilginç değil. 1043 00:42:41,130 --> 00:42:42,710 Ben konuşmak için gitmiyorum Gerçekten, bu konuda. 1044 00:42:42,710 --> 00:42:45,110 >> ALLISON BUCHHOLTZ-AU: Ama stil Biraz ilginç olabilir. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS REIMERS: Evet. 1046 00:42:45,980 --> 00:42:48,560 Tarzı Yani, birkaç olanları vardır Ben sık kullanılan bakınız ki. 1047 00:42:48,560 --> 00:42:55,690 İlk kişinin katı, bir sonraki en Noktalı ve son kişinin kesik. 1048 00:42:55,690 --> 00:42:59,290 Ve burada noktalı. 1049 00:42:59,290 --> 00:43:02,980 Eğer onlar olduğunu göreceksiniz nokta bir demet, değil mi? 1050 00:43:02,980 --> 00:43:09,030 Tür güzel bir sınır almak için iyi bir yol gidiyor, tire de oldukça popüler. 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> ALLISON BUCHHOLTZ-AU: Ve sonra tabii ki, ben 1053 00:43:13,600 --> 00:43:16,660 Emin diğer bolluk var alabilirsiniz stilleri. 1054 00:43:16,660 --> 00:43:20,000 Ve biz büyük bir dizi var Sizin için sonunda bağlantılar 1055 00:43:20,000 --> 00:43:23,470 tür incelemek için ve daha serin CSS bakmak. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS REIMERS: Ve son şey, biz konum 1057 00:43:25,954 --> 00:43:27,870 hakkında konuşmak için gidiyoruz kutu modelleri gerçek hızlı. 1058 00:43:27,870 --> 00:43:30,070 Oh, ve sonra sınır, Tam dolgu gibi, 1059 00:43:30,070 --> 00:43:33,270 Ayrıca gibi şeyler var Sınır-sol, sınır-sağ, border-top, 1060 00:43:33,270 --> 00:43:37,590 border-bottom, size izin Belirli bir sınırda almak için. 1061 00:43:37,590 --> 00:43:40,650 Yani burada sadece sınır sol-tanımlı değil. 1062 00:43:40,650 --> 00:43:43,060 Bu mantıklı mı? 1063 00:43:43,060 --> 00:43:46,170 >> ALLISON BUCHHOLTZ-AU: Bu bir serin yolu şeyler vurgulamak veya eklemek için 1064 00:43:46,170 --> 00:43:47,545 farklı unsurları arasındaki çizgiler. 1065 00:43:47,545 --> 00:43:48,670 TOMAS REIMERS: Kesinlikle. 1066 00:43:48,670 --> 00:43:50,940 Yani bizim sınır var. 1067 00:43:50,940 --> 00:43:52,790 Ve son kişinin marjı. 1068 00:43:52,790 --> 00:43:55,892 Margin'in benzeri dolgu o within-- değil dışında 1069 00:43:55,892 --> 00:43:57,975 ALLISON BUCHHOLTZ-AU: It değil elemanı etrafında 1070 00:43:57,975 --> 00:44:00,840 ama aslında bütünün etrafında kutu biz görmeye oldum. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS REIMERS: Evet. 1072 00:44:02,770 --> 00:44:04,090 Allison mükemmel şekilde söyledi. 1073 00:44:04,090 --> 00:44:07,550 Bu gözündeki gibi, değil, eleman, bütün kutu etrafında var. 1074 00:44:07,550 --> 00:44:10,900 Bu gibi şeyler demektir arka plan buna geçerli değildir. 1075 00:44:10,900 --> 00:44:13,550 Ve bu temelde, diyor gibi ben bir şey istemiyorum 1076 00:44:13,550 --> 00:44:15,230 Benim için bu çok alanda. 1077 00:44:15,230 --> 00:44:17,470 Biz burada gibi Yani 10 piksel marjı. 1078 00:44:17,470 --> 00:44:23,100 10 piksel içinde çok şey Yanımda olmalıdır. 1079 00:44:23,100 --> 00:44:26,210 Bu tür onun Uzay ama tür değil. 1080 00:44:26,210 --> 00:44:29,215 Yani çok var kutu modelinin temelleri. 1081 00:44:29,215 --> 00:44:30,090 Mantıklı mı? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 Serin serin. 1084 00:44:34,550 --> 00:44:35,800 ALLISON BUCHHOLTZ-AU: Başar. 1085 00:44:35,800 --> 00:44:37,890 Yani şimdi ben sadece biz düşünüyorum bizim serin kaynaklara sahip 1086 00:44:37,890 --> 00:44:41,220 Biz sizi götüreyim ki çok hızlı aracılığıyla. 1087 00:44:41,220 --> 00:44:44,815 Ve biz de actually-- edeceğiz, Henüz internet var mı? 1088 00:44:44,815 --> 00:44:47,860 >> TOMAS REIMERS: Diyelim Ben up-- açabilirsiniz görmek 1089 00:44:47,860 --> 00:44:50,040 bana sadece eğer görelim ben hızlı internet alabilirsiniz 1090 00:44:50,040 --> 00:44:53,317 Allison şey bahsediyor ise Allison hakkında konuşmak istiyor. 1091 00:44:53,317 --> 00:44:55,150 ALLISON BUCHHOLTZ-AU: Yani basically-- I do not 1092 00:44:55,150 --> 00:44:57,930 Ben bu noktada başka ne diyebilirim biliyorum. 1093 00:44:57,930 --> 00:45:01,340 Ancak bu bazı Gerçekten iyi kaynaklar. 1094 00:45:01,340 --> 00:45:04,629 Bu olanlar olduğunu Tomas ve ben kullandım 1095 00:45:04,629 --> 00:45:06,420 ve biz aslında o Bunun için hazırlık için kullanılır. 1096 00:45:06,420 --> 00:45:09,940 W3Schools biri olduğunu size adamlar daha önce görmeliydin. 1097 00:45:09,940 --> 00:45:12,440 Biz için tavsiye CSS ile şeylerin çok. 1098 00:45:12,440 --> 00:45:15,060 Ben bunu tavsiye biliyorum Benim bölüm her zaman. 1099 00:45:15,060 --> 00:45:21,050 >> Büyük şeylerden biri olduğunu öyle CSS ile karışıklık tür yapmanızı sağlar 1100 00:45:21,050 --> 00:45:23,830 ve değişiklikleri görmek anında bu, 1101 00:45:23,830 --> 00:45:25,920 gibi, çift penceresi olduğunu görmek. 1102 00:45:25,920 --> 00:45:29,980 Yani endişelenmenize gerek yok Kendi web sayfası kurma, 1103 00:45:29,980 --> 00:45:33,090 veya vHost kurmanız Yerel cihaz ve yerel ana, 1104 00:45:33,090 --> 00:45:34,980 ve tüm bu şeyler çalışma almak. 1105 00:45:34,980 --> 00:45:36,830 Sağ sayfa içinde gömülüdür. 1106 00:45:36,830 --> 00:45:39,042 >> Ve bu çok az var dersler olduğunu yapabilirsiniz 1107 00:45:39,042 --> 00:45:40,750 öğrenmek için geçmesi seçiciler hakkında daha fazla, 1108 00:45:40,750 --> 00:45:44,610 veya manipüle hakkında bilgi senin yazı tipi, ya da bir arka plan ya da bir görüntü. 1109 00:45:44,610 --> 00:45:46,990 Ve bu var anlık sonuçları siz 1110 00:45:46,990 --> 00:45:49,310 Herhangi yapmak zorunda değilsiniz için diğer hazırlık çalışmaları. 1111 00:45:49,310 --> 00:45:51,060 Yani W3Schools seviyorum. 1112 00:45:51,060 --> 00:45:51,960 Bu inanılmaz. 1113 00:45:51,960 --> 00:45:52,670 Bu çalışma mı? 1114 00:45:52,670 --> 00:45:52,950 >> TOMAS REIMERS: Evet. 1115 00:45:52,950 --> 00:45:53,720 Hayır, öyle değil. 1116 00:45:53,720 --> 00:45:55,636 Beni denemek istiyor musunuz ve benim bilgisayarı yeniden başlatın? 1117 00:45:55,636 --> 00:45:56,410 Ya da biz amaçlara yönelik istiyoruz 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON BUCHHOLTZ-AU: Yani, iyi, bu da online olacak. 1119 00:46:01,490 --> 00:46:02,740 Tüm slaytlar online olacak. 1120 00:46:02,740 --> 00:46:05,470 Ben sadece çok bu yapıyor öneririz. 1121 00:46:05,470 --> 00:46:07,880 >> Bu sadece büyük bir Bir hile levha gibi. 1122 00:46:07,880 --> 00:46:10,690 Sadece tüm temel var Eğer varsa komutları. 1123 00:46:10,690 --> 00:46:13,070 İlk olduğunuzda harika Web siteniz başlıyorum. 1124 00:46:13,070 --> 00:46:15,080 Belki değil çünkü Tüm içine almak istiyorum 1125 00:46:15,080 --> 00:46:17,355 cesur gerçek işin tasarım ağır şeyler. 1126 00:46:17,355 --> 00:46:20,230 Sadece bir şekilde biçimlendirmek gerekir bu tür anlam ve iradesini yapar 1127 00:46:20,230 --> 00:46:21,490 şimdilik yok. 1128 00:46:21,490 --> 00:46:23,580 Ve eğer gerçekten istiyorsanız içine almak için, ben biliyorum 1129 00:46:23,580 --> 00:46:27,240 Bu gibi biridir Tomas'ın favori referanslar. 1130 00:46:27,240 --> 00:46:30,130 Biz bunu kullanarak edildi hazırlık ve o muhteşem. 1131 00:46:30,130 --> 00:46:33,030 Bu Mozilla Geliştirici bulunuyor. 1132 00:46:33,030 --> 00:46:36,490 >> TOMAS REIMERS: Bu yüzden, Mozilla olan Firefox yapan insanlar. 1133 00:46:36,490 --> 00:46:40,290 Ve bu sadece kendi geliştirici var Bence başvuru, harika. 1134 00:46:40,290 --> 00:46:44,870 Ve harika bir vardır kaynakların listesi. 1135 00:46:44,870 --> 00:46:45,530 Bu yüzden have-- 1136 00:46:45,530 --> 00:46:48,060 >> ALLISON BUCHHOLTZ-AU: Ve sonra son nottur 1137 00:46:48,060 --> 00:46:50,120 ne zaman çalışıyoruz , web sitesi tasarımı 1138 00:46:50,120 --> 00:46:53,550 şeylerden ilham Bu size güzel olduğunu düşünüyorum. 1139 00:46:53,550 --> 00:46:56,340 Elemanı incelenmesi, kaynak kodu teftiş 1140 00:46:56,340 --> 00:46:59,370 Süper yararlı olabilir anlamaya çalıştıkları için 1141 00:46:59,370 --> 00:47:02,080 nasıl kendi web sitesi stil. 1142 00:47:02,080 --> 00:47:04,540 >> Genellikle, ben iyi hissediyorum Böylece, deney yanı sıra, 1143 00:47:04,540 --> 00:47:06,290 Sadece bakmak olduğunu güzel olan şeyler. 1144 00:47:06,290 --> 00:47:09,810 Ben sadece zor gerçekten bulmak tür kendi şeyler tasarlamak, 1145 00:47:09,810 --> 00:47:11,090 Özellikle başlangıçta. 1146 00:47:11,090 --> 00:47:14,740 Yani web sitelerine bakmak lütfen Eğer bakarak zevk. 1147 00:47:14,740 --> 00:47:16,880 Yapar anlamaya Onları size hitap. 1148 00:47:16,880 --> 00:47:19,170 Ve sonra çekinmeyin deneyin ve çoğaltmak. 1149 00:47:19,170 --> 00:47:20,410 >> TOMAS REIMERS: Sağ. 1150 00:47:20,410 --> 00:47:23,120 Hatta web siteleri gibi Bu gibi görebilirsiniz 1151 00:47:23,120 --> 00:47:25,460 üstünde bir div kesinlikle var. 1152 00:47:25,460 --> 00:47:29,920 Ve sonra içinde başka bir div var burada, burada CSS muhteşem. 1153 00:47:29,920 --> 00:47:32,480 Ve sonra burada bağlantıları bir grup var. 1154 00:47:32,480 --> 00:47:34,770 Eğer gerçekten sadece kontrol ederse elementler, Eğer sıralayabilirsiniz 1155 00:47:34,770 --> 00:47:38,520 web siteleri ne görmeye başlar gibi bakmak ve nasıl can 1156 00:47:38,520 --> 00:47:40,493 Ben istedim ki yeniden. 1157 00:47:40,493 --> 00:47:41,890 Mantıklı mı? 1158 00:47:41,890 --> 00:47:43,670 Yani biz sadece sol üç dakika var. 1159 00:47:43,670 --> 00:47:46,380 Sorular Yani? 1160 00:47:46,380 --> 00:47:47,650 Bunlardan herhangi? 1161 00:47:47,650 --> 00:47:48,350 Evet. 1162 00:47:48,350 --> 00:47:50,780 >> İZLEYİCİ: renk için Dikdörtgen, nasıl size olur 1163 00:47:50,780 --> 00:47:53,499 Bunu istemiyordu have-- tüm sayfa boyunca olabilir gidiyor 1164 00:47:53,499 --> 00:47:56,400 Eğer sadece genelinde gitmek yaptık yarım sayfa ya da sadece metin? 1165 00:47:56,400 --> 00:47:59,660 >> TOMAS REIMERS: Evet, kesinlikle. 1166 00:47:59,660 --> 00:48:02,780 Bu yüzden bana aslında görelim. 1167 00:48:02,780 --> 00:48:04,670 Ben iki fikir var. 1168 00:48:04,670 --> 00:48:07,265 Tüm Yani ilk, sen Ayrıca yüzdeleri kullanabilirsiniz. 1169 00:48:07,265 --> 00:48:08,140 >> İZLEYİCİ: Gerçekten mi? 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON BUCHHOLTZ-AU: Yani bir şey bakmak göreceli konumlandırma. 1171 00:48:11,260 --> 00:48:13,385 Bu bir şey ki içine almak için zamanımız yok, 1172 00:48:13,385 --> 00:48:16,392 ama ben kesinlikle bir şey var Siz kontrol öneririz. 1173 00:48:16,392 --> 00:48:17,580 >> TOMAS REIMERS: yüzdeleri Yani. 1174 00:48:17,580 --> 00:48:21,524 Biz nasıl yaptığımı görmek genişliğinin sadece 50%? 1175 00:48:21,524 --> 00:48:24,190 ALLISON BUCHHOLTZ-AU: Eğer Aslında piksel sayısını bilmek, 1176 00:48:24,190 --> 00:48:25,780 Eğer bu şekilde daha hassas olabilir. 1177 00:48:25,780 --> 00:48:27,200 Sen onunla uğraşmak olabilir. 1178 00:48:27,200 --> 00:48:27,700 Ama% 50. 1179 00:48:27,700 --> 00:48:31,970 Bizim tarayıcı yeniden boyutlandırmak için olsaydı, o küçük yapar. 1180 00:48:31,970 --> 00:48:35,250 >> TOMAS REIMERS: Peki, bu kadar temelde% 50 şimdi, sanırım. 1181 00:48:35,250 --> 00:48:38,820 Daha sonra marj% 50, ve Buna ilave edilmiştir. 1182 00:48:38,820 --> 00:48:40,100 CSS tuhaflıklar bir yeri vardır. 1183 00:48:40,100 --> 00:48:43,195 Yani şimdi bu Sayfa genişliğinin% 50. 1184 00:48:43,195 --> 00:48:46,860 Ama 10 olduğunu unutmayın piksel her taraftan çıkarmış. 1185 00:48:46,860 --> 00:48:49,700 Yani eğer karşı hareket edildi Tarayıcının sol kenarı, 1186 00:48:49,700 --> 00:48:51,550 o zaman% 50 gibi görünecektir. 1187 00:48:51,550 --> 00:48:53,884 Dediğim gibi yine, CSS yapabilirsiniz Tahminim-ve-çek bir sürü olacak. 1188 00:48:53,884 --> 00:48:56,049 Gibi, bir şey olduğunu düşünüyorum bir şekilde davranmaya gidiyor, 1189 00:48:56,049 --> 00:48:57,805 ama bu tamamen farklı bir şekilde davranır. 1190 00:48:57,805 --> 00:48:59,420 >> ALLISON BUCHHOLTZ-AU: Ve sadece, akıllı olsun 1191 00:48:59,420 --> 00:49:02,020 ve sadece bir iyi olsun Bunun için sezgi size birlikte hareket olarak. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: Ve kötü ve daha kötü olur. 1193 00:49:02,730 --> 00:49:03,496 Bu yüzden gerçekten sadece bir yarış var. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ-AU: Bu süper cesaret var. 1195 00:49:05,454 --> 00:49:07,070 Biz onları CSS gibi istiyorum. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS harika. 1197 00:49:08,810 --> 00:49:10,354 Unutmayın. 1198 00:49:10,354 --> 00:49:11,020 Diğer sorular? 1199 00:49:11,020 --> 00:49:14,297 >> ALLISON BUCHHOLTZ-AU: bir şey. 1200 00:49:14,297 --> 00:49:14,880 Başka herhangi bir şey? 1201 00:49:14,880 --> 00:49:15,140 Serin. 1202 00:49:15,140 --> 00:49:15,690 >> TOMAS REIMERS: Başar. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON BUCHHOLTZ-AU: Peki, eğer çocuklar, daha sonra herhangi bir sorunuz varsa 1204 00:49:18,523 --> 00:49:20,919 biz her zaman her zamanki gibi mevcut konum. 1205 00:49:20,919 --> 00:49:22,960 Muhtemelen bazı görürsünüz Nihai projeler için bize 1206 00:49:22,960 --> 00:49:24,280 ve kesinlikle hackathon de. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: Kesinlikle. 1208 00:49:25,200 --> 00:49:25,720 Ve fuarda. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ-AU: Ve fuarda. 1210 00:49:26,560 --> 00:49:26,840 Ah. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: için sabırsızlanıyoruz senin awesome-- tüm görme 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ-AU: Göreceğiz senin müthiş tüm web sitelerinin 1213 00:49:29,420 --> 00:49:30,572 O güzel olacak. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: Her zaman can gibi, web sitelerine bakın 1215 00:49:32,780 --> 00:49:36,234 kim, sonra gibi, iyi CSS ve vardı CSS yapmayı deneyin vermedi olanlar gibi. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ-AU: Ayrıca, başka şey, içine bakmak için bir şey daha 1217 00:49:39,150 --> 00:49:40,445 Bootstrapping olduğunu. 1218 00:49:40,445 --> 00:49:41,805 Yani Bootstrap harika. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: Google, sen-- eğer 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON BUCHHOLTZ-AU: Google o. 1221 00:49:43,573 --> 00:49:44,340 Bu inanılmaz. 1222 00:49:44,340 --> 00:49:45,620 Bunu seveceksiniz. 1223 00:49:45,620 --> 00:49:48,000 Ve şimdi bir var CSS temel anlayış, 1224 00:49:48,000 --> 00:49:50,340 Bir çok daha mantıklı olacak. 1225 00:49:50,340 --> 00:49:50,890 Korku. 1226 00:49:50,890 --> 00:49:51,480 Teşekkürler çocuklar. 1227 00:49:51,480 --> 00:49:53,330 >> TOMAS REIMERS: Size çok teşekkür ederim. 1228 00:49:53,330 --> 00:49:54,219