1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,500 >> [संगीत खेल] 3 00:00:04,500 --> 00:00:10,099 4 00:00:10,099 --> 00:00:12,224 एलीसन BUCHHOLTZ-ए.यू.: तो हम मूल रूप से बस जा रहे हैं 5 00:00:12,224 --> 00:00:14,629 यदि आप एक ठहरनेवाला देने के लिए सीएसएस की, क्योंकि हम जानते हैं 6 00:00:14,629 --> 00:00:16,420 इसे कवर नहीं किया गया था कि सभी वर्गों में। 7 00:00:16,420 --> 00:00:20,090 और हम वास्तव में यकीन है कि बनाने के लिए चाहते हैं दोस्तों, अपने निपटान में इस उपकरण 8 00:00:20,090 --> 00:00:24,790 इसे बनाने के लिए की क्षमता है क्योंकि अपनी वेबसाइटों बहुत सुंदर लग रही हो। 9 00:00:24,790 --> 00:00:28,660 >> और तुम तो, एक वेबसाइट का निर्माण कर रहे हैं आप शायद यह सुंदर बनाना चाहते हैं। 10 00:00:28,660 --> 00:00:31,372 मेरा मतलब है, आप के लिए नहीं है, लेकिन मैं यह सुझाव था। [हंसते हुए] 11 00:00:31,372 --> 00:00:35,430 आप उपयोगकर्ताओं के लिए यह प्रयोग करना चाहते हैं, तो आप कर सकते हैं यह एक छोटे से [अश्राव्य] बनाना चाहते हैं। 12 00:00:35,430 --> 00:00:39,130 इसलिए हम कोशिश करते हैं और आप सिर्फ देने के लिए जा रहे हैं कुछ बुनियादी उपकरणों और समझ, 13 00:00:39,130 --> 00:00:42,340 इतना है कि आप बाहर जाने के लिए और आप कर रहे हैं जब सीएसएस के बारे में बातें शोध, 14 00:00:42,340 --> 00:00:45,902 यह अस्पष्ट पूरा नहीं हुआ है, सीएसएस की तरह कभी कभी हो। 15 00:00:45,902 --> 00:00:47,240 >> टॉमस Reimers: हाँ। 16 00:00:47,240 --> 00:00:49,930 एलीसन बहुत अच्छी तरह से यह कहा। 17 00:00:49,930 --> 00:00:53,250 इसलिए मैं पहली बात यह है कि हम अनुमान सीएसएस क्या है के साथ शुरू करना चाहिए? 18 00:00:53,250 --> 00:00:55,750 तो सीएसएस भयानक है। 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> एलीसन BUCHHOLTZ-ए.यू.: यह है हमारे संगोष्ठी का नाम है। 21 00:00:58,320 --> 00:00:58,434 >> टॉमस Reimers: हाँ। 22 00:00:58,434 --> 00:01:00,130 ऐसा लगता है कि वास्तव में महत्वपूर्ण है आप फिर से समझते हैं। 23 00:01:00,130 --> 00:01:03,090 आप केवल एक ही दूर ले भयानक अगर बात यह है कि सीएसएस है। 24 00:01:03,090 --> 00:01:06,180 दो सीएसएस के लिए खड़ा है व्यापक स्टाइल शीट्स। 25 00:01:06,180 --> 00:01:10,380 तो इसके मूल में, सीएसएस है जिसका अर्थ है एक शैली पत्रक, 26 00:01:10,380 --> 00:01:13,200 यह आप एक वेब पेज शैली के लिए अनुमति देता है। 27 00:01:13,200 --> 00:01:16,609 और फिर क्या इसका मतलब है, यह है एक जिस तरह से अपनी वेबसाइट के लिए शैली को जोड़ने के लिए। 28 00:01:16,609 --> 00:01:18,900 शैली के द्वारा, हम सब कुछ मतलब कि structural-- नहीं है 29 00:01:18,900 --> 00:01:24,350 इसलिए रंग की तरह बातें, पृष्ठभूमि छवियों, सीमाओं, जैसे, गद्दी, 30 00:01:24,350 --> 00:01:25,040 हाशिये। 31 00:01:25,040 --> 00:01:27,310 हम इस बारे में बात करेंगे क्या सब है कि एक बिट में मतलब है। 32 00:01:27,310 --> 00:01:30,110 >> तो हम बस आगे चला गया है और एडिट में उन दोनों के स्तर पर खुला। 33 00:01:30,110 --> 00:01:32,680 तो यह index.html है। 34 00:01:32,680 --> 00:01:34,800 और इस main.css है। 35 00:01:34,800 --> 00:01:36,829 तो main.css कुछ भी नहीं है। 36 00:01:36,829 --> 00:01:38,412 एलीसन BUCHHOLTZ-ए.यू.: अब तक कोई शैली। 37 00:01:38,412 --> 00:01:39,245 टॉमस Reimers: कोई नहीं। 38 00:01:39,245 --> 00:01:42,577 जैसा कि आप देखेंगे और, यह है एक बहुत बदसूरत साइट। 39 00:01:42,577 --> 00:01:44,160 एलीसन BUCHHOLTZ-ए.यू.: यह सिर्फ सादा है। 40 00:01:44,160 --> 00:01:45,820 टॉमस Reimers: हाँ। 41 00:01:45,820 --> 00:01:49,150 हाँ, यह बदसूरत नहीं है यह सिर्फ न्यूनतावादी है। 42 00:01:49,150 --> 00:01:53,430 और फिर यहाँ हम सूचकांक है। 43 00:01:53,430 --> 00:01:55,729 और इसलिए एक त्वरित के लिए एचटीएमएल, एलीसन की आवृत्ति, 44 00:01:55,729 --> 00:01:57,270 आप बस पृष्ठ के बारे में बात करना चाहते हैं? 45 00:01:57,270 --> 00:01:58,395 >> एलीसन BUCHHOLTZ-ए.यू.: हाँ। 46 00:01:58,395 --> 00:02:01,100 तो जाहिर है, हम अपने एचटीएमएल है टैग, जो सिर्फ नाम HTML फ़ाइल। 47 00:02:01,100 --> 00:02:07,080 हम सीएसएस के साथ, हमारे यहाँ शीर्षक है Awesomeness, which-- तुम वापस जाना है। 48 00:02:07,080 --> 00:02:07,720 वह कहां है? 49 00:02:07,720 --> 00:02:09,136 >> टॉमस Reimers: ओह। 50 00:02:09,136 --> 00:02:10,301 हाँ, आप देख सकते हैं। 51 00:02:10,301 --> 00:02:12,092 एलीसन BUCHHOLTZ-ए.यू.: और हैडर नोटिस 52 00:02:12,092 --> 00:02:14,120 सही यहाँ इस टैब शीर्षक है। 53 00:02:14,120 --> 00:02:17,130 और फिर "हैलो, दुनिया!" होती हे हम सिर्फ यह है कि पाठ 54 00:02:17,130 --> 00:02:19,620 वेब पर प्रदर्शित वापस जाने के is-- जो पृष्ठ। 55 00:02:19,620 --> 00:02:21,290 वापस। 56 00:02:21,290 --> 00:02:24,287 जो सिर्फ हमारे शरीर में है सादा पाठ here--। 57 00:02:24,287 --> 00:02:26,120 इसके अलावा, एक बात करने के लिए आप यहाँ देखो, नोटिस, 58 00:02:26,120 --> 00:02:29,410 टॉमस इन ऊपर बंद कर हमारे स्लाइड से दो। 59 00:02:29,410 --> 00:02:32,035 तो जब तक आप सभी के रूप में इनमें से तीन, आप ठीक कह रहे हैं। 60 00:02:32,035 --> 00:02:34,044 उन्होंने कहा कि वे चाहते हैं कि जो कुछ भी क्रम में हो सकता है। 61 00:02:34,044 --> 00:02:39,368 क्या सबसे महत्वपूर्ण बात यह है कि बस आप उन तीन बातों में से एक है। 62 00:02:39,368 --> 00:02:40,340 >> टॉमस Reimers: कूल। 63 00:02:40,340 --> 00:02:41,111 एक डॉक्टर प्रकार जोड़ें? 64 00:02:41,111 --> 00:02:42,235 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 65 00:02:42,235 --> 00:02:43,068 टॉमस Reimers: हाँ। 66 00:02:43,068 --> 00:02:43,769 बिंदास। 67 00:02:43,769 --> 00:02:46,102 एलीसन BUCHHOLTZ-ए.यू.: जाहिर है, मेरे mics के मुझे पसंद नहीं है। 68 00:02:46,102 --> 00:02:49,650 टॉमस Reimers: ओह, बस हमें एक सेकंड दे एलीसन उसे mic के बाहर स्विच करते हुए। 69 00:02:49,650 --> 00:02:50,500 तो हाँ। 70 00:02:50,500 --> 00:02:52,030 इसलिए हम अपने मुख्य पृष्ठ है। 71 00:02:52,030 --> 00:02:53,890 यह unstyled की तरह है। 72 00:02:53,890 --> 00:02:54,780 हम ज्यादा नहीं है। 73 00:02:54,780 --> 00:02:57,110 हम सिर्फ मूल रूप से पाठ है। 74 00:02:57,110 --> 00:02:59,470 हम शैली पत्रक है। 75 00:02:59,470 --> 00:03:00,220 हम शीर्षक है। 76 00:03:00,220 --> 00:03:04,020 तो बस-नंगे चोरी घटकों के लिए एक वेबसाइट बनाने के। 77 00:03:04,020 --> 00:03:08,880 >> तो वहाँ से, चलो सीएसएस क्या है के बारे में बात करते हैं 78 00:03:08,880 --> 00:03:11,270 और यह पसंद है और है कि सभी को लग रहा है। 79 00:03:11,270 --> 00:03:12,047 तो that-- के लिए 80 00:03:12,047 --> 00:03:13,755 एलीसन BUCHHOLTZ-ए.यू.: वापस स्लाइड के लिए। 81 00:03:13,755 --> 00:03:15,200 टॉमस Reimers: स्लाइड्स पर वापस। 82 00:03:15,200 --> 00:03:17,240 और एलीसन पर ले जा सकते। 83 00:03:17,240 --> 00:03:18,720 >> एलीसन BUCHHOLTZ-ए.यू.: वू। 84 00:03:18,720 --> 00:03:19,220 ठीक है। 85 00:03:19,220 --> 00:03:22,360 , अपने सीएसएस फ़ाइल में तो आपके पास करने के लिए जा रहे हैं 86 00:03:22,360 --> 00:03:25,010 इन चीजों की एक बहुत चयनकर्ताओं बुलाया। 87 00:03:25,010 --> 00:03:27,420 वह सिर्फ होगी अपने सीएसएस फ़ाइल का आधार है। 88 00:03:27,420 --> 00:03:29,480 यह सिर्फ होने जा रहा है बहुत सारे और इनमें से बहुत सारे। 89 00:03:29,480 --> 00:03:30,780 तो चयनकर्ता। 90 00:03:30,780 --> 00:03:32,649 यह सिर्फ सामान्य शरीर रचना है। 91 00:03:32,649 --> 00:03:35,190 हम के माध्यम से जाने के लिए जा रहे हैं उदाहरण हैं, क्योंकि अगर तुम लोगों को कभी नहीं 92 00:03:35,190 --> 00:03:38,400 मैं महसूस करता हूँ, मेरे अनुभाग देखा सार में चीजों की तरह 93 00:03:38,400 --> 00:03:39,400 वास्तव में कोई मतलब नहीं है। 94 00:03:39,400 --> 00:03:41,110 यह हमेशा उदाहरण देखने के लिए मदद करता है। 95 00:03:41,110 --> 00:03:42,420 >> इसलिए हम कुछ चयनकर्ता है। 96 00:03:42,420 --> 00:03:49,120 उस के लिए कुछ पहचानकर्ता होने जा रहा है हम क्या चाहते हैं शैली को लागू करने के लिए। 97 00:03:49,120 --> 00:03:52,220 और फिर हम किसी भी हो सकता है नियमों और मूल्यों की स्थापना की। 98 00:03:52,220 --> 00:03:55,680 आप देख सकते हैं कि चयनकर्ताओं तो शरीर की तरह कुछ हो सकता है, 99 00:03:55,680 --> 00:04:00,262 या पी के साथ पैरा, या शीर्षक, या जो भी हो, 100 00:04:00,262 --> 00:04:02,000 जो कुछ भी आप अपने एचटीएमएल टैग होना चाहते हैं। 101 00:04:02,000 --> 00:04:03,570 >> इस मामले में तो, हम शरीर है। 102 00:04:03,570 --> 00:04:06,985 और हम कुछ नियम है, जो इस मेल खाती है 103 00:04:06,985 --> 00:04:09,610 क्या करने के लिए अपनी शैली के लिए लागू होता है। 104 00:04:09,610 --> 00:04:12,720 तो इस मामले में, हम हैं पृष्ठभूमि रंग और फ़ॉन्ट वजन। 105 00:04:12,720 --> 00:04:16,200 तो यह बदलने जा रहा है कुछ भी की पृष्ठभूमि 106 00:04:16,200 --> 00:04:19,640 हमारे HTML फ़ाइल के किसी भी शरीर टैग के भीतर। 107 00:04:19,640 --> 00:04:22,810 और इसे देने के लिए जा रहा है यह इस हल्के नीले रंग मूल्य। 108 00:04:22,810 --> 00:04:24,820 >> इसलिए इसे बनाने के लिए जा रहा है पृष्ठभूमि हल्के नीले रंग की। 109 00:04:24,820 --> 00:04:28,660 और फिर शरीर के भीतर कुछ भी है बोल्ड एक फ़ॉन्ट वजन के लिए जा रहा। 110 00:04:28,660 --> 00:04:31,142 तो यह सिर्फ करने के लिए जा रहा है हमारे पाठ की सारी बोल्ड। 111 00:04:31,142 --> 00:04:32,970 और यह सिर्फ एक चयनकर्ता है। 112 00:04:32,970 --> 00:04:34,680 लेकिन अगर आप इनमें से बहुत सारे हो सकता था। 113 00:04:34,680 --> 00:04:38,730 और हम दिखाने के लिए जा रहे हैं के रूप में बाद में, एक छोटा सा और कैसे में 114 00:04:38,730 --> 00:04:40,709 वहाँ काम करता है और अधिक उदाहरण हैं। 115 00:04:40,709 --> 00:04:41,750 आप जोड़ना चाहते हैं कुछ भी? 116 00:04:41,750 --> 00:04:42,499 >> टॉमस Reimers: नहीं 117 00:04:42,499 --> 00:04:43,500 एलीसन मिल गया। 118 00:04:43,500 --> 00:04:46,144 हम सिर्फ एक को काटने के लिए जा रहे हैं हमारे यहाँ उदाहरण साइट पर उदाहरण। 119 00:04:46,144 --> 00:04:47,310 तो चलो वास्तव में इस लेते हैं। 120 00:04:47,310 --> 00:04:48,620 यह एकदम सही है। 121 00:04:48,620 --> 00:04:54,460 तो मैं बस कॉपी और पेस्ट करने के लिए जा रहा हूँ हमारे main.css फ़ाइल में है कि सही। 122 00:04:54,460 --> 00:04:56,530 और मैं इसे बचाने के लिए जा रहा हूँ। 123 00:04:56,530 --> 00:04:59,190 और फिर हम यह चलेगा। 124 00:04:59,190 --> 00:05:01,600 इसलिए तरफ ध्यान दें, में से एक सबसे अधिक निराशा बातें 125 00:05:01,600 --> 00:05:04,490 यदि आप एक फ़ाइल को बचाने के लिए, और नहीं है अगर तो आप की तरह, पृष्ठ पुनः लोड, 126 00:05:04,490 --> 00:05:07,450 और इस तरह, क्यों नहीं है हो रहा परिवर्तन? 127 00:05:07,450 --> 00:05:07,950 ऐसा होता है। 128 00:05:07,950 --> 00:05:14,230 यहाँ तो हम हम बनाया देखा कि हमारे एक हल्के नीले रंग की पृष्ठभूमि वेबसाइट 129 00:05:14,230 --> 00:05:16,560 और कुछ पाठ बोल्ड। 130 00:05:16,560 --> 00:05:20,730 >> मैं यह भी उल्लेख करना चाहिए आप अगर लोग कुछ के बारे में सवाल है, 131 00:05:20,730 --> 00:05:23,622 हम क्या कर रहे हैं, लगता है कृपया हमें मुक्त करो और हमें पूछने के लिए। 132 00:05:23,622 --> 00:05:25,330 हम पूरी तरह से तैयार हैं सवालों के क्षेत्र। 133 00:05:25,330 --> 00:05:27,951 134 00:05:27,951 --> 00:05:31,930 >> जाहिर है, साथ: एलीसन BUCHHOLTZ-ए.यू. सीएसएस, सब कुछ खुद पर बनाता है। 135 00:05:31,930 --> 00:05:34,107 एक बात नहीं करता है तो अगर , अब समझ कर हम 136 00:05:34,107 --> 00:05:35,690 नहीं करना चाहती है कि बाद में आप नीचे दलदल से। 137 00:05:35,690 --> 00:05:38,390 138 00:05:38,390 --> 00:05:41,930 >> टॉमस Reimers: तो चलो एक तरह से इस काटना। 139 00:05:41,930 --> 00:05:44,210 तो क्या आप शुरू करने के लिए करना चाहते हैं यहाँ चयनकर्ता के साथ? 140 00:05:44,210 --> 00:05:45,979 >> एलीसन BUCHHOLTZ-ए.यू.: हाँ। 141 00:05:45,979 --> 00:05:48,270 मैं पहले कह रहा था, शरीर यहाँ सिर्फ हमारे चयनकर्ता है। 142 00:05:48,270 --> 00:05:50,950 इसलिए हम अपने index-- आह वापस करने के लिए खत्म हो जाना है। 143 00:05:50,950 --> 00:05:53,245 >> टॉमस Reimers: मैं बस बंद हुआ। 144 00:05:53,245 --> 00:05:54,530 मुझे एक दूसरी दे। 145 00:05:54,530 --> 00:05:58,286 इसलिए सूचकांक, खुली फ़ाइल। 146 00:05:58,286 --> 00:05:59,410 एलीसन BUCHHOLTZ-ए.यू.: कूल। 147 00:05:59,410 --> 00:06:02,710 तो तुम यहाँ नोटिस अगर, हम ठीक है, इन शरीर टैग नहीं है? 148 00:06:02,710 --> 00:06:06,270 तो चयनकर्ता बस से मेल खाती है हम के बारे में बात कर रहे हैं कि टैग। 149 00:06:06,270 --> 00:06:07,670 यहीं शरीर तो। 150 00:06:07,670 --> 00:06:10,315 तो क्या हम कह रहे है everything-- हम वापस जा सकते हैं? 151 00:06:10,315 --> 00:06:12,065 मुझे लगता है मैं सिर्फ पाती जैसे स्क्रीन को छूने। 152 00:06:12,065 --> 00:06:14,410 यह इतना कूलर होगी। 153 00:06:14,410 --> 00:06:17,150 >> उन के भीतर तो कुछ भी हमने देखा है, जो शरीर टैग, 154 00:06:17,150 --> 00:06:19,637 , बस, जैसे, पाठ था और सामान्य रूप से शरीर 155 00:06:19,637 --> 00:06:20,970 , जैसे, पृष्ठभूमि को दर्शाता है। 156 00:06:20,970 --> 00:06:22,720 यदि आप कभी भी चाहते हैं पृष्ठभूमि में परिवर्तन, 157 00:06:22,720 --> 00:06:25,090 एक शरीर है कि टैग में होने जा रहा है। 158 00:06:25,090 --> 00:06:27,120 बस उन्हें लागू इन नियमों की है। 159 00:06:27,120 --> 00:06:32,040 >> तो अगर हम करने के लिए जा रहे थे सूचकांक and-- वास्तव में, 160 00:06:32,040 --> 00:06:33,840 हम कुछ कर सकते हैं शरीर के बाहर? 161 00:06:33,840 --> 00:06:37,340 हम था, जैसे, एक पाद लेख या कुछ है, यह इस पर लागू नहीं होगा। 162 00:06:37,340 --> 00:06:40,900 लेकिन भीतर कुछ भी इन शरीर टैग जा रहा है 163 00:06:40,900 --> 00:06:44,960 इस शरीर से प्रभावित होने की हम बनाया है कि चयनकर्ता। 164 00:06:44,960 --> 00:06:47,405 आप टाइप करने के लिए गए थे तो अगर कुछ और there-- 165 00:06:47,405 --> 00:06:49,400 >> टॉमस Reimers: चलो कि घर ड्राइव करते हैं। 166 00:06:49,400 --> 00:06:55,330 तो अगर इतना है कि हम एक div-- था तुम हो सकता है सिर्फ एक और टैग। 167 00:06:55,330 --> 00:06:56,350 मैं इसे बंद करने के लिए जा रहा हूँ। 168 00:06:56,350 --> 00:06:58,280 या फिर इस एक पैरा बनाते हैं। 169 00:06:58,280 --> 00:07:01,430 तो पी पैरा के लिए खड़ा है। 170 00:07:01,430 --> 00:07:02,560 और कहा कि पैरा के भीतर। 171 00:07:02,560 --> 00:07:05,650 और फिर मैं "यह पाठ है। कहते हैं," 172 00:07:05,650 --> 00:07:06,369 बिंदास। 173 00:07:06,369 --> 00:07:09,160 और फिर मैं इस नियम को लागू कर दिया बजाय शरीर के एक पैरा। 174 00:07:09,160 --> 00:07:12,390 175 00:07:12,390 --> 00:07:17,320 आप इसे केवल के लिए लागू होता देखेंगे कि कैसे नवगठित पैरा, ठीक है, 176 00:07:17,320 --> 00:07:18,892 पूरी बात नहीं। 177 00:07:18,892 --> 00:07:20,090 कि मतलब? 178 00:07:20,090 --> 00:07:21,840 >> एलीसन BUCHHOLTZ-ए.यू.: तो क्या यह सब शरीर है, 179 00:07:21,840 --> 00:07:24,450 लेकिन अब हमारे चयनकर्ता बस पैरा से मेल खाती है। 180 00:07:24,450 --> 00:07:27,050 तो हम बस बोल्ड और नीले रंग की है इस विशिष्ट पैराग्राफ के लिए, 181 00:07:27,050 --> 00:07:30,760 इस एक ही बात है क्योंकि कि पी टैग के भीतर संलग्न है। 182 00:07:30,760 --> 00:07:35,349 >> टॉमस Reimers: क्रमबद्ध कि मतलब है की कैसे चीजों को अन्य बातों के encapsulate? 183 00:07:35,349 --> 00:07:38,140 एलीसन BUCHHOLTZ-ए.यू.: इसके अलावा, बस की तरह, एक बेहतरीन तरीके से कहने के लिए 184 00:07:38,140 --> 00:07:40,889 वास्तव में सीएसएस के साथ आराम पाने के लिए सिर्फ इस तरह बातें करने के लिए किया जाता है, 185 00:07:40,889 --> 00:07:42,050 बस इसे बाहर का प्रयास करें। 186 00:07:42,050 --> 00:07:46,700 यह कुछ टाइप करने के लिए बहुत आसान है बाहर, ताज़ा मारा, और देखो क्या होता है। 187 00:07:46,700 --> 00:07:48,940 और सबसे सीएस के साथ के रूप में, प्रयोग अक्सर कर सकते हैं 188 00:07:48,940 --> 00:07:51,790 एक बेहतर करने के लिए नेतृत्व सहज ज्ञान युक्त समझ। 189 00:07:51,790 --> 00:07:54,432 इससे भी अधिक अमेरिका की तुलना में सिर्फ जैसे, आप से बात कर। 190 00:07:54,432 --> 00:07:58,350 >> टॉमस Reimers: बिल्कुल 100% कि बात पर सहमत हैं। 191 00:07:58,350 --> 00:08:02,430 हम वापस इस पर जाने के लिए अगर तो, चलो शुरू करते हैं इन दो करना वास्तव में क्या विदारक। 192 00:08:02,430 --> 00:08:04,550 इसलिए हम इस पर दो नियम हैं। 193 00:08:04,550 --> 00:08:07,420 तो पहले एक पृष्ठभूमि रंग है। 194 00:08:07,420 --> 00:08:10,590 और तुम हम यह निर्धारित किया है कि देखते हैं एक मूल्य के, हल्के नीले रंग के बराबर। 195 00:08:10,590 --> 00:08:15,009 >> तो सीएसएस में, सीएसएस प्रकार है कैसे करें के बारे में बहुत ही ढीला 196 00:08:15,009 --> 00:08:16,300 आप रंग को परिभाषित करने की अनुमति दी हो। 197 00:08:16,300 --> 00:08:17,800 तो क्या आप उनके नाम से परिभाषित कर सकते हैं। 198 00:08:17,800 --> 00:08:20,650 आप भी ऐसा कुछ कर सकते हैं "लाल।" 199 00:08:20,650 --> 00:08:25,270 और हम यह करने के लिए वापस जाने के लिए तो अगर, आप पृष्ठभूमि लाल है कि देखेंगे। 200 00:08:25,270 --> 00:08:29,040 आप यह भी मैं आपको लगता really-- प्राप्त कर सकते हैं इस के साथ बहुत रचनात्मक प्राप्त कर सकते हैं, 201 00:08:29,040 --> 00:08:29,540 तुम नहीं कर सकते? 202 00:08:29,540 --> 00:08:31,170 >> एलीसन BUCHHOLTZ-ए.यू.: मैं आप हेक्स का उपयोग कर सकते हैं। 203 00:08:31,170 --> 00:08:31,250 तुम नहीं कर सकते? 204 00:08:31,250 --> 00:08:32,083 >> टॉमस Reimers: हाँ। 205 00:08:32,083 --> 00:08:32,969 तो अगर आप हेक्स उपयोग कर सकते हैं। 206 00:08:32,969 --> 00:08:34,490 लेकिन मुझे लगता है कि नाम के लिहाज से सोच रहा हूँ। 207 00:08:34,490 --> 00:08:35,385 वहाँ नहीं कर रहे हैं? 208 00:08:35,385 --> 00:08:37,260 एलीसन BUCHHOLTZ-ए.यू.: आप काफी कुछ कर सकते हैं। 209 00:08:37,260 --> 00:08:43,350 सबसे रंगों की तरह बहुत ज्यादा है कि आप जैसे name-- सकते हैं, मैं सामन एक है। 210 00:08:43,350 --> 00:08:45,322 >> टॉमस Reimers: हम कोशिश करने वाला सामन कर रहे हैं। 211 00:08:45,322 --> 00:08:47,530 एलीसन BUCHHOLTZ-ए.यू.: मैं षाट्रेज़ वहाँ में है। 212 00:08:47,530 --> 00:08:48,050 टॉमस Reimers: हाँ। 213 00:08:48,050 --> 00:08:48,550 देख? 214 00:08:48,550 --> 00:08:50,080 तो तुम बहुत रचनात्मक प्राप्त कर सकते हैं। 215 00:08:50,080 --> 00:08:52,246 >> एलीसन BUCHHOLTZ-ए.यू.: आप बहुत रचनात्मक हो सकता है। 216 00:08:52,246 --> 00:08:55,750 की तरह, आप सोच सकते हैं अगर रंग का नाम है, यह वहाँ में शायद है। 217 00:08:55,750 --> 00:08:57,840 आप वास्तव में ठीक चाहते हैं विस्तार, तुम हेक्स जा सकते हैं। 218 00:08:57,840 --> 00:08:58,673 >> टॉमस Reimers: हाँ। 219 00:08:58,673 --> 00:08:59,390 इसलिए हेक्साडेसिमल। 220 00:08:59,390 --> 00:09:05,280 तुम लोग इस वापस याद है अपने पुराने PSET से, छवि ठीक हो, 221 00:09:05,280 --> 00:09:08,300 तुम लोगों को सामना करना पड़ा इन हेक्स मूल्यों के साथ। 222 00:09:08,300 --> 00:09:15,280 और तरह की, वह यह है कि क्या संक्षिप्त करने के लिए हेक्स में संग्रहित तीन मूल्यों है। 223 00:09:15,280 --> 00:09:17,250 तो यह दो वेतन वृद्धि के समूह में है। 224 00:09:17,250 --> 00:09:19,300 पहले दो लाल मूल्य का प्रतिनिधित्व करते हैं। 225 00:09:19,300 --> 00:09:22,420 दूसरा एक का प्रतिनिधित्व करता है हरी मूल्य। 226 00:09:22,420 --> 00:09:25,020 और पिछले एक नीले रंग की है? 227 00:09:25,020 --> 00:09:30,050 >> तो एफएफ प्रतिनिधित्व करने के लिए होता है एक हेक्साडेसिमल 255। 228 00:09:30,050 --> 00:09:35,480 तो अगर आप 255 लाल, 255 है नीले रंग के लिए हरे और 0। 229 00:09:35,480 --> 00:09:37,670 और मूल्यों 0 और 255 के बीच सीमा होती है। 230 00:09:37,670 --> 00:09:38,350 >> दर्शकों: ठीक है। 231 00:09:38,350 --> 00:09:41,472 तो अनिवार्य रूप से, हम खोज सकता है हम चाहते हैं कि किसी भी रंग के लिए इंटरनेट, 232 00:09:41,472 --> 00:09:43,912 और वास्तव में जाना जाता है की पहचान रंग स्पेक्ट्रम कॉम्बो, 233 00:09:43,912 --> 00:09:45,130 और फिर हम में डाल सकता है? 234 00:09:45,130 --> 00:09:46,380 एलीसन BUCHHOLTZ-ए.यू.: बिल्कुल। 235 00:09:46,380 --> 00:09:52,900 तो अगर आप बहुत ज्यादा पूरा नियंत्रण है रंगों के साथ आप सीएसएस के भीतर चाहते हैं। 236 00:09:52,900 --> 00:09:55,069 हम के बारे में बात करने जा रहे पृष्ठभूमि छवियों बाद में? 237 00:09:55,069 --> 00:09:56,110 या फिर हम ऐसा करना चाहते हैं? 238 00:09:56,110 --> 00:09:56,240 >> टॉमस Reimers: हाँ। 239 00:09:56,240 --> 00:09:57,010 बिल्कुल। 240 00:09:57,010 --> 00:10:00,830 तो सबसे पहले, सिर्फ दिखाने के लिए कि लाल और हरे रंग पीला है। 241 00:10:00,830 --> 00:10:03,120 और अगर आप कुछ की जरूरत है इस खोजने में मदद की है, तो आप 242 00:10:03,120 --> 00:10:05,575 गूगल कुछ कर सकते हैं "रंग बीनने।" की तरह 243 00:10:05,575 --> 00:10:07,200 एलीसन BUCHHOLTZ-ए.यू.: ओह, यह बहुत अच्छा है। 244 00:10:07,200 --> 00:10:09,090 मैं रंग बीनने प्यार करता हूँ। 245 00:10:09,090 --> 00:10:11,360 >> टॉमस Reimers: colorpicker.com एक अच्छा उदाहरण है। 246 00:10:11,360 --> 00:10:14,580 और यहाँ, आप है कि आप देखेंगे एक पूर्ण फ़ोटोशॉप की तरह रंग बीनने। 247 00:10:14,580 --> 00:10:14,920 >> एलीसन BUCHHOLTZ-ए.यू.: एम एम-एचएम। 248 00:10:14,920 --> 00:10:16,980 इसके अलावा, ठंडी चीजें आप कर रहे हैं रंग योजनाओं उत्पन्न कर सकते हैं 249 00:10:16,980 --> 00:10:18,896 आप के लिए नहीं है, इसलिए है कि जैसे, रंग टकरा। 250 00:10:18,896 --> 00:10:22,780 टॉमस Reimers: और फिर यहाँ हेक्स मान रहा है। 251 00:10:22,780 --> 00:10:27,800 तो तुम हमेशा मूल रूप से ऑनलाइन प्राप्त कर सकते हैं स्थानों से हेक्स मूल्य पाने के लिए। 252 00:10:27,800 --> 00:10:31,667 यह है, जैसे कि बस की तरह नहीं है हम संख्या में दुनिया के रंग देख। 253 00:10:31,667 --> 00:10:34,000 यह हम ऑनलाइन जाने कि अधिक है और, हम क्या चाहते हैं रंग लगता है 254 00:10:34,000 --> 00:10:36,850 और फिर संख्या नीचे ले। 255 00:10:36,850 --> 00:10:39,590 यह सिर्फ एक वास्तव में आसान है क्योंकि जिस तरह से सीएस में चीजों को संदर्भित करने के लिए। 256 00:10:39,590 --> 00:10:40,350 >> एलीसन BUCHHOLTZ-ए.यू.: और फिर also-- वहाँ 257 00:10:40,350 --> 00:10:41,630 मैं इस साइट का सही नाम भूल जाते हैं। 258 00:10:41,630 --> 00:10:43,838 लेकिन, निश्चित रूप से वहाँ मैं , एडोब से कुछ लगता है 259 00:10:43,838 --> 00:10:48,350 कि, आप के लिए रंग योजनाओं उत्पन्न करता है है, जो वास्तव में अच्छा है क्योंकि आप 260 00:10:48,350 --> 00:10:50,580 definitely-- यह कभी कभी है यह पता लगाने के लिए मुश्किल है, 261 00:10:50,580 --> 00:10:53,729 ओह, मैं इस रंग का उपयोग करना चाहते हैं, क्या एक और उपयोगी हो सकता है 262 00:10:53,729 --> 00:10:56,395 अपनी साइट पर अन्यत्र उपयोग करने के लिए, जैसे, यह अच्छा है और एकजुट करना। 263 00:10:56,395 --> 00:11:00,430 264 00:11:00,430 --> 00:11:04,260 >> टॉमस Reimers: एलीसन के बारे में बात कर एडोब द्वारा एक Kuler कहा जाता है, मुझे लगता है। 265 00:11:04,260 --> 00:11:04,885 यह कश्मीर-यू-एल ई आर। 266 00:11:04,885 --> 00:11:06,259 एलीसन BUCHHOLTZ-ए.यू.: मुझे ऐसा लगता है। 267 00:11:06,259 --> 00:11:07,610 मुझे लगता है कि एक पूरा यकीन है। 268 00:11:07,610 --> 00:11:11,050 >> टॉमस Reimers: मेरा पसंदीदा है हमेशा रंग योजना के डिजाइनर गया। 269 00:11:11,050 --> 00:11:13,998 >> एलीसन BUCHHOLTZ-ए.यू.: ऊह। 270 00:11:13,998 --> 00:11:16,010 >> टॉमस Reimers: now-- कौन सा है 271 00:11:16,010 --> 00:11:16,860 >> एलीसन BUCHHOLTZ-ए.यू.: आह, यह सुंदर है। 272 00:11:16,860 --> 00:11:18,818 >> टॉमस Reimers: और आप मूल रूप से पसंद है, कह सकते हैं, 273 00:11:18,818 --> 00:11:21,700 मैं एक दूसरे के बगल में तीन रंग चाहते हैं। 274 00:11:21,700 --> 00:11:25,030 और फिर कुछ अच्छा करते हैं। 275 00:11:25,030 --> 00:11:29,210 और फिर आपको एक उदाहरण मिल सकते हैं ऐसा लग सकता है की। 276 00:11:29,210 --> 00:11:32,470 और फिर आप में से किसी के ऊपर मंडराना उन्हें, यह आप हेक्स मान देता है। 277 00:11:32,470 --> 00:11:35,010 >> तो सिर्फ एक अच्छा तरीका के रूप में शुरू करने के लिए रंग योजनाओं के बारे में सोच 278 00:11:35,010 --> 00:11:39,570 एक वेबसाइट में या क्या रंग एक साथ अच्छी तरह से जाना हो सकता है। 279 00:11:39,570 --> 00:11:45,655 कि आश्चर्यजनक रूप से किया जा सकता है क्योंकि आपको लगता है कि के रूप में आसान नहीं लेने के लिए। 280 00:11:45,655 --> 00:11:48,280 और फिर अन्य शांत बात मैं हमेशा इस साइट के बारे में पाया है 281 00:11:48,280 --> 00:11:51,480 आप उदाहरण मारा, तो इसे जाएगा क्या एक उदाहरण वेबसाइट दिखाने 282 00:11:51,480 --> 00:11:54,800 उस रंग योजना का उपयोग कर की तरह लग सकता है। 283 00:11:54,800 --> 00:11:56,270 वैसे भी। 284 00:11:56,270 --> 00:11:57,863 >> पीछे वास्तविक सीएसएस करने के लिए। 285 00:11:57,863 --> 00:12:01,112 एलीसन BUCHHOLTZ-ए.यू.: लेकिन जाहिर है, हम इन संदर्भों उपयोगी हो सकता है पता। 286 00:12:01,112 --> 00:12:03,195 टॉमस Reimers: नहीं, वे निश्चित रूप से मददगार हो सकते हैं। 287 00:12:03,195 --> 00:12:04,720 दूसरा नियम, एलीसन तो? 288 00:12:04,720 --> 00:12:05,844 >> एलीसन BUCHHOLTZ-ए.यू.: हाँ। 289 00:12:05,844 --> 00:12:08,280 दूसरा नियम है बस हमारे फ़ॉन्ट के लिए इसी। 290 00:12:08,280 --> 00:12:11,520 तो फाँट बस की तरह है of-- इतना वजन होगा 291 00:12:11,520 --> 00:12:15,220 आप चाहें, तो बस चाहते हैं, तो हो सकता है, सामान्य या, जैसे, पतले फोंट, 292 00:12:15,220 --> 00:12:17,251 या इस मामले में, जैसे, बोल्ड। 293 00:12:17,251 --> 00:12:17,750 मैं भूल जाते हैं। 294 00:12:17,750 --> 00:12:21,557 अगर तुम चाहते थे it-- वहाँ क्या है सामान्य की तरह, सिर्फ एक पतली एक? 295 00:12:21,557 --> 00:12:24,140 टॉमस Reimers: मैं वास्तव में नहीं है एक पतली एक है कि अगर वहाँ पता है। 296 00:12:24,140 --> 00:12:24,680 एलीसन BUCHHOLTZ-ए.यू.: मैं भूल जाते हैं। 297 00:12:24,680 --> 00:12:26,300 इसलिए फ़ॉन्ट वजन आमतौर पर हम सिर्फ बोल्ड के लिए इस्तेमाल करते हैं। 298 00:12:26,300 --> 00:12:29,010 आप में वास्तव में प्राप्त करना चाहते हैं यह, हम आपको दिखाने जा रहे हैं। 299 00:12:29,010 --> 00:12:34,317 W3Schools से सब अलग अलग है चीजें आप फोंट के लिए कर सकते हैं। 300 00:12:34,317 --> 00:12:36,900 लेकिन मूल रूप से, आप कभी भी चाहते हैं फ़ॉन्ट के बारे में कुछ भी बदलने के लिए, 301 00:12:36,900 --> 00:12:39,330 यह हमेशा होने जा रहा है जैसे, फ़ॉन्ट-कुछ। 302 00:12:39,330 --> 00:12:43,450 आप कर रहे हैं तो अगर यह फ़ॉन्ट-परिवार की तरह हो जाएगा वास्तविक प्रकार बदलने के लिए कोशिश कर रहा है। 303 00:12:43,450 --> 00:12:47,390 यह आप अगर फ़ॉन्ट शैली हो जाएगा घसीट तरह इसे बनाना चाहते हैं, 304 00:12:47,390 --> 00:12:49,710 या इटैलिक, या whatnot। 305 00:12:49,710 --> 00:12:53,570 या फिर भी फ़ॉन्ट रंग, अगर हम चाहते हैं कि बदलना चाहते थे। 306 00:12:53,570 --> 00:12:55,621 >> टॉमस Reimers: हाँ। 307 00:12:55,621 --> 00:12:56,925 तो आपको लगता है कि बदल सकते हैं। 308 00:12:56,925 --> 00:12:59,360 और तरह की बस के लिए अब संक्षिप्त, आप कर सकते हैं ताकि 309 00:12:59,360 --> 00:13:01,400 हम यहाँ चयनकर्ता ऊपर है कि देखते हैं। 310 00:13:01,400 --> 00:13:03,000 हम इन घुंघराले ब्रेसिज़ है। 311 00:13:03,000 --> 00:13:06,735 और फिर हम नियम है अर्धविराम द्वारा सीमांकित। 312 00:13:06,735 --> 00:13:08,100 कि मतलब? 313 00:13:08,100 --> 00:13:09,130 हाँ? 314 00:13:09,130 --> 00:13:10,500 बिंदास। 315 00:13:10,500 --> 00:13:13,200 तो यह है कि good-- है अगर 316 00:13:13,200 --> 00:13:14,424 >> एलीसन BUCHHOLTZ-ए.यू.: वापस। 317 00:13:14,424 --> 00:13:17,590 टॉमस Reimers: चलो विशेष रूप से बात करते हैं चयनकर्ताओं के लिए किस तरह के बारे में हम हैं। 318 00:13:17,590 --> 00:13:19,790 'अभी हम है क्योंकि की तरह सिर्फ टैग दिखाया। 319 00:13:19,790 --> 00:13:21,696 लेकिन तुम लोग यह प्रशंसनीय देख सकता था। 320 00:13:21,696 --> 00:13:23,570 आप दो पैराग्राफ का कहना है कि एक पृष्ठ और आप पर 321 00:13:23,570 --> 00:13:26,087 शैली के लिए सक्षम होना चाहता हूँ लेकिन एक अन्य नहीं, 322 00:13:26,087 --> 00:13:29,170 तुम सिर्फ अपने आप को सीमित नहीं करना चाहते हैं अलग वास्तविक HTML का उपयोग करने के लिए है 323 00:13:29,170 --> 00:13:33,410 टैग उन्हें विभिन्न शैलियों देने के लिए। 324 00:13:33,410 --> 00:13:35,995 >> इसलिए हम बुनियादी तीन है चयनकर्ताओं के प्रकार। 325 00:13:35,995 --> 00:13:37,120 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 326 00:13:37,120 --> 00:13:39,828 तो हम क्या है, जो टैग हम अभी बारे में बात कर रहा हूँ। 327 00:13:39,828 --> 00:13:42,430 तो यह है कि एक तरह से अपने शरीर या पी की तरह है। 328 00:13:42,430 --> 00:13:46,280 और फिर हम है, जो वर्ग है हम अपने सीएसएस फ़ाइल में इसे परिभाषित करते हैं, 329 00:13:46,280 --> 00:13:49,907 यह हमेशा डॉट होने जा रहा है, जो कुछ भी आप अपने वर्ग के नाम पर होना चाहते हैं। 330 00:13:49,907 --> 00:13:51,490 और यह कई बातों के लिए आवेदन कर सकते हैं। 331 00:13:51,490 --> 00:13:54,610 332 00:13:54,610 --> 00:13:57,610 >> आप पांच पैराग्राफ का कहना है कि और उनमें से तीन में से दो 333 00:13:57,610 --> 00:14:00,580 एक ही स्टाइल किए जाने की जरूरत है, आप इसे करने के लिए एक वर्ग के लिए लागू होगा। 334 00:14:00,580 --> 00:14:03,040 और यह कि हम यह कर सिर्फ तरीका है। 335 00:14:03,040 --> 00:14:05,600 हम आप में एक उदाहरण देता हूँ जहां यह वास्तव में पता चलता है। 336 00:14:05,600 --> 00:14:11,030 लेकिन तुम शायद कुछ टैग था पी, इसके बाद, आप लिखना होगा 337 00:14:11,030 --> 00:14:14,170 वर्ग जो कुछ वर्गों के बराबर होती है आप इसे करने के लिए लागू करना चाहते हैं। 338 00:14:14,170 --> 00:14:19,280 हम चाहते हैं कि तो जो कुछ भी वर्ग चयनकर्ताओं इस विशिष्ट पैराग्राफ को लागू करने के लिए, 339 00:14:19,280 --> 00:14:21,300 हम सिर्फ इस तरह लिख सकता है। 340 00:14:21,300 --> 00:14:24,080 बेशक, मैं एक उदाहरण के बारे में सोच इसे और अधिक ठोस बनाना होगा। 341 00:14:24,080 --> 00:14:27,270 >> हमारे पास एक दूसरे को आईडी हम निरूपित, जो है 342 00:14:27,270 --> 00:14:29,707 एक हैश, या पौंड, या हैशटैग के साथ। 343 00:14:29,707 --> 00:14:30,790 टॉमस Reimers: Octothorpe। 344 00:14:30,790 --> 00:14:32,430 एलीसन BUCHHOLTZ-ए.यू.: Octothorpe। 345 00:14:32,430 --> 00:14:34,550 वह भी काम करता है। 346 00:14:34,550 --> 00:14:36,640 और यह एक सच में अद्वितीय होना चाहिए। 347 00:14:36,640 --> 00:14:39,880 वे केवल करने के लिए आवेदन करना चाहिए अपने पेज पर एक बात है। 348 00:14:39,880 --> 00:14:43,820 कि एक विशिष्ट पैराग्राफ चाहे तो, या कुछ एक सूची में आइटम, या जो भी हो, 349 00:14:43,820 --> 00:14:45,090 इस अद्वितीय होना चाहिए। 350 00:14:45,090 --> 00:14:48,730 और उसी तरह है कि हम सिर्फ कहते हैं, जैसे, वर्ग = "Class1 Class2," 351 00:14:48,730 --> 00:14:51,577 यह सिर्फ हमारे पास जो कुछ भी की आईडी हो सकता है। 352 00:14:51,577 --> 00:14:52,410 टॉमस Reimers: हाँ। 353 00:14:52,410 --> 00:14:54,330 तो चलो निश्चित रूप से बात करते हैं यहाँ उदाहरण के बारे में। 354 00:14:54,330 --> 00:14:58,170 और मैं सिर्फ गोता करने के लिए जा रहा हूँ सीधे वापस कोड में। 355 00:14:58,170 --> 00:15:02,090 तो चलो हमारे HTML को देखो। 356 00:15:02,090 --> 00:15:03,960 और इसलिए हम अभी एक पैरा है। 357 00:15:03,960 --> 00:15:05,510 यह पाठ है। 358 00:15:05,510 --> 00:15:09,151 मैं बस को संशोधित करने के लिए जा रहा हूँ यह। "यह पाठ 1. है" 359 00:15:09,151 --> 00:15:11,150 और फिर हम करने जा रहे हैं एक "यह पाठ 2. है" 360 00:15:11,150 --> 00:15:12,525 >> एलीसन BUCHHOLTZ-ए.यू.: दूसरा एक है। 361 00:15:12,525 --> 00:15:13,540 टॉमस Reimers: हाँ। 362 00:15:13,540 --> 00:15:16,810 तो अब हम सही "यह पाठ 2, है"? 363 00:15:16,810 --> 00:15:21,560 और हम फिर से लोड है कि अगर देखने जा रहे हैं पेज, क्या हम मिल जा रहे हैं 364 00:15:21,560 --> 00:15:23,067 हम कर रहे हैं वाला है find-- 365 00:15:23,067 --> 00:15:24,150 एलीसन BUCHHOLTZ-ए.यू.: ऊह। 366 00:15:24,150 --> 00:15:24,983 टॉमस Reimers: हाँ। 367 00:15:24,983 --> 00:15:27,570 हम एक "यह है खोजने के लिए जा रहे हैं पाठ 1, "और" यह "पाठ 2. है 368 00:15:27,570 --> 00:15:28,650 >> एलीसन BUCHHOLTZ-ए.यू.: और बाहर सुंदर पीले रंग। 369 00:15:28,650 --> 00:15:31,066 >> टॉमस Reimers: और आप देखेंगे अब ठीक है, हमारे चयनकर्ता कि 370 00:15:31,066 --> 00:15:34,940 जो पी के लिए लागू होता है, या पैराग्राफ, उन दोनों को प्रभावित करता है, 371 00:15:34,940 --> 00:15:38,700 उन दोनों के मिलने की वजह हालत वे एक पी टैग दोनों कर रहे हैं कि। 372 00:15:38,700 --> 00:15:40,360 यही कारण है कि कुल समझ में आता है। 373 00:15:40,360 --> 00:15:43,340 तो सवाल यह है, ठीक है, क्या हम चाहते थे कि अगर केवल एक ही मिलता है? 374 00:15:43,340 --> 00:15:46,350 तो क्या वास्तव में एलीसन कह रहा था, जैसे हम ऐसा करने के लिए दो अन्य तरीके हैं। 375 00:15:46,350 --> 00:15:47,320 मैं आईडी के साथ शुरू करने जा रहा हूँ। 376 00:15:47,320 --> 00:15:48,405 >> एलीसन BUCHHOLTZ-ए.यू.: आईडी के साथ शुरू करते हैं। 377 00:15:48,405 --> 00:15:50,405 >> टॉमस Reimers: और दोनों इनमें से गुण हैं। 378 00:15:50,405 --> 00:15:53,200 तो विशेषताओं एचटीएमएल में मौजूद हैं। 379 00:15:53,200 --> 00:15:55,600 और वे क्या कर रहे हैं आप जोड़ने के लिए कुछ है कि 380 00:15:55,600 --> 00:15:58,840 जो टैग के अंदर टैग नाम से अलग। 381 00:15:58,840 --> 00:16:01,301 तो आप कई विशेषताएँ कर सकते हैं। 382 00:16:01,301 --> 00:16:01,800 हाँ? 383 00:16:01,800 --> 00:16:03,950 >> एलीसन BUCHHOLTZ-ए.यू.: मैं बस से जा रहा था PSET 7 से अपने उदाहरण से कहने के लिए, 384 00:16:03,950 --> 00:16:06,650 आप में से किसी को संरेखित करने की कोशिश केंद्र के लिए चीजें हैं, 385 00:16:06,650 --> 00:16:08,550 आप का इस्तेमाल किया गया हो सकता है "पाठ align = center।" 386 00:16:08,550 --> 00:16:10,550 और आप शायद यह देखा केन्द्रित किया जाना चाहिए था 387 00:16:10,550 --> 00:16:12,650 अपने पाठ या अपने नेविगेशन पट्टी। 388 00:16:12,650 --> 00:16:15,499 तो यह है कि अभी भी एक गुण है आप के साथ परिचित हो सकता है। 389 00:16:15,499 --> 00:16:18,040 टॉमस Reimers: एक गुच्छा है की आप देखेंगे कि जिम्मेदार बताते हैं। 390 00:16:18,040 --> 00:16:18,539 हाँ। 391 00:16:18,539 --> 00:16:21,250 PSET 7 के लिए अच्छा संदर्भ की तरह। 392 00:16:21,250 --> 00:16:23,150 हम आईडी है। 393 00:16:23,150 --> 00:16:25,080 आप यह भी हो सकता है वर्ग, इस तरह से बातें। 394 00:16:25,080 --> 00:16:27,250 एक टैग के कई गुण हो सकता है। 395 00:16:27,250 --> 00:16:33,140 तो आईडी के साथ शुरू की है कि हम नाटक करते हैं मैं नहीं जानता कि of-- एक आईडी करना चाहते हैं। 396 00:16:33,140 --> 00:16:35,140 हम विशेष फोन करता हूँ इस एक वजह से, हम कर रहे हैं 397 00:16:35,140 --> 00:16:37,867 बोल्ड बनाने जा रही है, और रेखांकन, और जो भी हो। 398 00:16:37,867 --> 00:16:39,950 एलीसन BUCHHOLTZ-ए.यू.: यह वाला सुपर स्पेशल हो। 399 00:16:39,950 --> 00:16:42,360 टॉमस Reimers: तो यह एक, हम आईडी खास है। 400 00:16:42,360 --> 00:16:48,140 जिस तरह से है कि चयन करने के लिए, तो है, main.css में, एक पी टैग के बजाय, 401 00:16:48,140 --> 00:16:51,500 आप ठीक है, #special करते हैं? 402 00:16:51,500 --> 00:16:55,538 और उस का चयन आईडी विशेष के साथ बात। 403 00:16:55,538 --> 00:16:57,295 यह हर किसी के लिए समझ पड़ता है? 404 00:16:57,295 --> 00:16:57,920 दर्शक: हाँ। 405 00:16:57,920 --> 00:16:59,110 टॉमस Reimers: कूल। 406 00:16:59,110 --> 00:17:04,440 तो अब हम वापस जाना है, हम वूप्स see-- करेंगे। 407 00:17:04,440 --> 00:17:06,240 हाँ। 408 00:17:06,240 --> 00:17:09,460 हम देखेंगे कि यह केवल चयन आईडी विशेष के साथ एक। 409 00:17:09,460 --> 00:17:10,622 हाँ? 410 00:17:10,622 --> 00:17:11,900 अच्छा लगता है। 411 00:17:11,900 --> 00:17:12,570 हाँ। 412 00:17:12,570 --> 00:17:15,456 >> दर्शक: कुछ एक हो सकता है दोनों वर्ग और एक आईडी की विशेषता? 413 00:17:15,456 --> 00:17:16,359 >> टॉमस Reimers: हाँ। 414 00:17:16,359 --> 00:17:16,900 दर्शक: ठीक है। 415 00:17:16,900 --> 00:17:20,887 तुम तो दे तो क्या होता है यह है कि संघर्ष सीएसएस में कुछ नियम? 416 00:17:20,887 --> 00:17:21,970 टॉमस Reimers: बिल्कुल। 417 00:17:21,970 --> 00:17:23,940 हम निश्चित रूप से जा रहे हैं उस के बारे में बात करने के लिए। 418 00:17:23,940 --> 00:17:31,890 तो क्या वास्तव में आप हो रहे थे पर, आप भी कक्षाओं में हो सकता है। 419 00:17:31,890 --> 00:17:36,380 तो चलो मैं था ढोंग करते हैं तीन पैराग्राफ और मैं 420 00:17:36,380 --> 00:17:38,730 पहली शैली करना चाहता था दो लेकिन तीसरे नहीं। 421 00:17:38,730 --> 00:17:42,850 खैर, अपने पहले विचार मैं अच्छी तरह से हो सकता है, बस एक दूसरे के पास एक पहचान दे सकता है। 422 00:17:42,850 --> 00:17:45,590 लेकिन तुम नहीं कर सकते, एक आईडी, क्योंकि वास्तव में एलीसन कह रहा था, जैसे 423 00:17:45,590 --> 00:17:47,330 अनूठा हो गया है। 424 00:17:47,330 --> 00:17:50,860 >> तो बजाय एक आईडी, क्या आप उपयोग कर सकते हैं आप एक वर्ग का उपयोग कर सकते है। 425 00:17:50,860 --> 00:17:57,880 और एक class-- यह अनुमति देता है क्या आप मूल रूप से कहना है ऐसा करने के लिए, 426 00:17:57,880 --> 00:17:59,610 इस एक समूह के हिस्से के रूप अंतर्गत आता है। 427 00:17:59,610 --> 00:18:02,410 इस मामले में, हमारे समूह स्पेशल कहा जाता है। 428 00:18:02,410 --> 00:18:06,500 और हम तो क्या करने जा रहे हैं क्या है हम, बल्कि पाउंड से say-- लिए जा रहे हैं 429 00:18:06,500 --> 00:18:08,070 हम डॉट उपयोग करने के लिए जा रहे हैं। 430 00:18:08,070 --> 00:18:08,740 ठीक है? 431 00:18:08,740 --> 00:18:11,950 और नोटिस कि पाउंड और डॉट केवल सीएसएस फ़ाइल के भीतर मौजूद हैं, 432 00:18:11,950 --> 00:18:12,797 नहीं HTML के भीतर। 433 00:18:12,797 --> 00:18:13,880 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 434 00:18:13,880 --> 00:18:15,185 महत्वपूर्ण अंतर। 435 00:18:15,185 --> 00:18:17,510 >> टॉमस Reimers: मैं , इतना संघर्ष किया था 436 00:18:17,510 --> 00:18:23,990 मैं HTML में हैश डाल क्योंकि और तो बस एक लंबे समय के लिए मूर्ख महसूस किया। 437 00:18:23,990 --> 00:18:27,470 इसके बारे में दोनों का चयन कैसे देखें उस वर्ग के साथ लोगों को? 438 00:18:27,470 --> 00:18:28,210 बिंदास। 439 00:18:28,210 --> 00:18:29,950 >> अब, चीजों को कई वर्गों हो सकता है। 440 00:18:29,950 --> 00:18:32,790 मैं पहले करना चाहता था कहते हैं कि दो पीले रंग की एक पृष्ठभूमि है 441 00:18:32,790 --> 00:18:36,770 और दूसरा दो नीले रंग की एक फ़ॉन्ट रंग। 442 00:18:36,770 --> 00:18:37,270 ठीक है। 443 00:18:37,270 --> 00:18:39,735 मैं क्यों होता मैं सच में नहीं पता ऐसा करने के लिए चाहते हैं, लेकिन मैं कर सकता हूँ। 444 00:18:39,735 --> 00:18:42,401 >> एलीसन BUCHHOLTZ-ए.यू.: नहीं हो सकता है अपनी वेबसाइट के लिए यह सिफारिश की है। 445 00:18:42,401 --> 00:18:43,880 लेकिन हमारे प्रयोजनों के लिए, यह करूँगा। 446 00:18:43,880 --> 00:18:46,294 >> टॉमस Reimers: यह नहीं है एक अच्छा रंग योजना। 447 00:18:46,294 --> 00:18:49,210 एलीसन BUCHHOLTZ-ए.यू.: ठीक है, पीले और नीले रंग के अपने उच्च विद्यालय के रंग हैं। 448 00:18:49,210 --> 00:18:50,947 मैं हालांकि, पता नहीं है। 449 00:18:50,947 --> 00:18:53,530 टॉमस Reimers: एलीसन के उच्च स्कूल एक महान रंग योजना थी। 450 00:18:53,530 --> 00:18:54,520 [हँसी] 451 00:18:54,520 --> 00:18:59,120 तो फिर हम कॉल कर सकते हैं क्या है this-- कॉल चलो तो हम खास है 452 00:18:59,120 --> 00:19:00,030 और हम बहुत है। 453 00:19:00,030 --> 00:19:02,405 मैं इस बात के लिए, आप का उपयोग करें, का सुझाव और अधिक वर्णनात्मक नाम। 454 00:19:02,405 --> 00:19:05,820 एलीसन BUCHHOLTZ-ए.यू.: हाँ, मैं करूंगा पीले या नीले रंग की तरह, इस पर कॉल करें। 455 00:19:05,820 --> 00:19:08,314 >> टॉमस Reimers: हम नहीं कर रहे हैं वास्तव में, एक असली वेबसाइट बनाने के 456 00:19:08,314 --> 00:19:09,730 जो हम कर रही है कि नहीं कर रहे हैं, यही वजह है। 457 00:19:09,730 --> 00:19:11,521 लेकिन अगर आप वास्तव में यदि आप एक असली वेबसाइट पड़ा 458 00:19:11,521 --> 00:19:16,220 हो सकता है, जैसे, लेख हेडर, लेख सामग्री, पहला शब्द, 459 00:19:16,220 --> 00:19:21,920 जो की अनुमति इस तरह बातें, आप और अधिक वर्णनात्मक हो। 460 00:19:21,920 --> 00:19:23,550 ये सिर्फ चर की तरह वास्तव में कर रहे हैं। 461 00:19:23,550 --> 00:19:28,390 वे एक तरह जहां में नामित किया जाना चाहिए आप इस तरह के रूप में, like-- हाँ, यह कर सकते हैं। 462 00:19:28,390 --> 00:19:29,470 परफेक्ट। 463 00:19:29,470 --> 00:19:30,480 >> तो पृष्ठभूमि रंग। 464 00:19:30,480 --> 00:19:35,920 और फिर हम इतने say-- लिए जा रहे हैं रंग बदलने के लिए जिस तरह से सिर्फ "रंग है।" 465 00:19:35,920 --> 00:19:38,412 और हम यह नीले रंग बनाने के लिए जा रहे हैं। 466 00:19:38,412 --> 00:19:40,150 यह अच्छा है। 467 00:19:40,150 --> 00:19:42,640 तो अब हमारे पास पहले दो खास है। 468 00:19:42,640 --> 00:19:45,972 अगले एक करने के लिए जा रहा है "सुंदर = वर्ग है।" 469 00:19:45,972 --> 00:19:49,180 एलीसन BUCHHOLTZ-ए.यू.: और फिर तुम हूँ मध्य एक करने के लिए "सुंदर" जोड़ना चाहते हैं। 470 00:19:49,180 --> 00:19:49,971 टॉमस Reimers: हाँ। 471 00:19:49,971 --> 00:19:52,970 और फिर बीच एक करने के लिए, "सुंदर," क्या होता जोड़ने के लिए 472 00:19:52,970 --> 00:19:56,880 तुम सिर्फ एक जगह है है। 473 00:19:56,880 --> 00:19:59,800 वर्ग विशेषता तो एक अंतरिक्ष-अलग सूची है 474 00:19:59,800 --> 00:20:02,450 सभी वर्गों की कि कि टैग करने के लिए लागू होते हैं। 475 00:20:02,450 --> 00:20:02,959 ठीक है? 476 00:20:02,959 --> 00:20:05,750 इस एक के अंतर्गत आता है की तरह यह नहीं है कहा जाता है कि विशेष वर्ग के कुछ प्रकार 477 00:20:05,750 --> 00:20:07,180 "विशेष, अंतरिक्ष, सुंदर।" 478 00:20:07,180 --> 00:20:10,870 यह दो classes-- के अंतर्गत आता है विशेष और सुंदर। 479 00:20:10,870 --> 00:20:12,492 हाँ? 480 00:20:12,492 --> 00:20:14,360 बिंदास। 481 00:20:14,360 --> 00:20:17,010 >> और फिर हम देखो क्या होता है, पर हम कर रहे हैं 482 00:20:17,010 --> 00:20:21,850 पहले एक है कि देखने के लिए जा पीले रंग की पृष्ठभूमि, काला पाठ। 483 00:20:21,850 --> 00:20:22,450 दूसरा one-- 484 00:20:22,450 --> 00:20:26,160 >> एलीसन BUCHHOLTZ-ए.यू.: बोल्ड --has नीले रंग के पाठ के साथ पीले रंग की पृष्ठभूमि। 485 00:20:26,160 --> 00:20:29,330 और हमारे पिछले एक बस है हम यह करने के लिए आवंटित किया है कि नीले पाठ। 486 00:20:29,330 --> 00:20:30,870 >> टॉमस Reimers: शांत हो? 487 00:20:30,870 --> 00:20:32,491 चयनकर्ताओं कैसे काम करते हो? 488 00:20:32,491 --> 00:20:32,990 बहुत बढ़िया। 489 00:20:32,990 --> 00:20:34,720 >> एलीसन BUCHHOLTZ-ए.यू.: हम करना चाहते हैं अब तो संघर्ष के बारे में बात करते हैं? 490 00:20:34,720 --> 00:20:35,780 >> टॉमस Reimers: तो हाँ। 491 00:20:35,780 --> 00:20:36,310 बिल्कुल। 492 00:20:36,310 --> 00:20:38,380 तो क्या आप अगर ऐसा होता है ठीक है, एक संघर्ष है? 493 00:20:38,380 --> 00:20:44,740 के पहले एक ढोंग करते हैं कुछ सेट अप like-- 494 00:20:44,740 --> 00:20:47,240 एलीसन BUCHHOLTZ-ए.यू.: हो सकता है इस एक पृष्ठभूमि में परिवर्तन? 495 00:20:47,240 --> 00:20:48,090 टॉमस Reimers: हाँ। 496 00:20:48,090 --> 00:20:51,699 इसलिए हम बनाने जा रहे हैं "सुंदर" सामन की पृष्ठभूमि बदल जाते हैं। 497 00:20:51,699 --> 00:20:54,740 एलीसन BUCHHOLTZ-ए.यू.: तुम बस के साथ कर रहे हैं सभी महान रंग आज, टॉमस। 498 00:20:54,740 --> 00:20:55,573 टॉमस Reimers: हाँ। 499 00:20:55,573 --> 00:20:58,200 मुझे पता चला क्योंकि मैं कर सकता हूँ एक असली रंग के रूप में सामन का उपयोग करें। 500 00:20:58,200 --> 00:21:00,270 इसलिए हम केवल यह है कि क्या करने जा रहे हैं। 501 00:21:00,270 --> 00:21:01,770 मैं भी सूर्यास्त एक असली रंग है। 502 00:21:01,770 --> 00:21:03,103 दर्शक: सूर्यास्त एक असली रंग है? 503 00:21:03,103 --> 00:21:04,572 एलीसन BUCHHOLTZ-ए.यू.: चलो इसे करने की कोशिश करते हैं। 504 00:21:04,572 --> 00:21:07,735 टॉमस Reimers: इस प्रदर्शन के बाद सिर्फ मामले में यह खराब करता है क्योंकि 505 00:21:07,735 --> 00:21:08,943 मैं डिबगिंग जा नहीं करना चाहती। 506 00:21:08,943 --> 00:21:11,580 इसलिए हम सामन एक असली रंग पता है। 507 00:21:11,580 --> 00:21:15,626 पर तो कोई अनुमान क्या होने जा रहा है? 508 00:21:15,626 --> 00:21:17,522 >> एलीसन BUCHHOLTZ-ए.यू.: कोई विचार है? 509 00:21:17,522 --> 00:21:20,002 >> दर्शक: [अश्राव्य]। 510 00:21:20,002 --> 00:21:20,920 >> टॉमस Reimers: हाँ। 511 00:21:20,920 --> 00:21:22,150 तो आप यह बिल्कुल सही है। 512 00:21:22,150 --> 00:21:24,930 असल में, यह लेता है यह दिया गया था कि पिछले शासन। 513 00:21:24,930 --> 00:21:27,860 >> एलीसन BUCHHOLTZ-ए.यू.: तो यह है जहां व्यापक प्रभाव में आता है। 514 00:21:27,860 --> 00:21:31,080 >> टॉमस Reimers: तो कैसे याद हम व्यापक स्टाइल शीट्स कि था? 515 00:21:31,080 --> 00:21:33,660 उस से तो, हम किस तरह का मतलब हम नियमों का एक गुच्छा है कि 516 00:21:33,660 --> 00:21:37,115 जो एक दूसरे के शीर्ष पर लागू होते हैं, और वे भी एक दूसरे के स्थान पर आ सकते हैं। 517 00:21:37,115 --> 00:21:39,380 >> एलीसन BUCHHOLTZ-ए.यू.: तो तल पर जो कुछ भी है 518 00:21:39,380 --> 00:21:41,540 शीर्ष पर है जो कुछ भी पार कर जाएगी। 519 00:21:41,540 --> 00:21:45,842 आपको लगता है कि पूरी तरह से नियमों का हो सकता था पहले से कुछ नकारना। 520 00:21:45,842 --> 00:21:48,300 आप होना चाहते हैं यही कारण है कि यह भी है आप स्टाइल रहे हैं जब सावधान, 521 00:21:48,300 --> 00:21:51,465 इसलिए आप नियम बनाने के लिए नहीं कर रहे हैं कि आप अभी पूरी तरह से अधिभावी रहे हैं। 522 00:21:51,465 --> 00:21:53,340 >> टॉमस Reimers: या शायद आप नियमों ऊपर लिखना चाहते हैं। 523 00:21:53,340 --> 00:21:53,920 >> एलीसन BUCHHOLTZ-ए.यू.: या शायद तुम जानते हो। 524 00:21:53,920 --> 00:21:54,300 हाँ। 525 00:21:54,300 --> 00:21:57,175 >> टॉमस Reimers: आपके पास एक बहाना है सबसे बातें करने के लिए लागू होता है जो वर्ग, 526 00:21:57,175 --> 00:22:01,220 लेकिन आप बदलना चाहते हैं, हम कहते हैं लाल और फ़ॉन्ट के लिए पृष्ठभूमि रंग 527 00:22:01,220 --> 00:22:03,140 अधिकांश के लिए बोल्ड करने के लिए वजन बातें करते हैं, लेकिन एक के लिए, 528 00:22:03,140 --> 00:22:06,098 आप केवल पृष्ठभूमि रंग चाहते हैं लाल हो सकता है लेकिन आप अन्य सभी चाहते करने के लिए 529 00:22:06,098 --> 00:22:09,990 गुण, आप कुछ कर सकता है जैसे "font- वजन = सामान्य," 530 00:22:09,990 --> 00:22:12,760 जो तब कि बोल्ड परिवर्तन पूर्ववत होगा। 531 00:22:12,760 --> 00:22:14,480 हाँ? 532 00:22:14,480 --> 00:22:17,250 फिर, सबसे अच्छा तरीका है, मुझे लगता है एलीसन यह सिर्फ अभ्यास कर रही है। 533 00:22:17,250 --> 00:22:18,080 >> एलीसन BUCHHOLTZ-ए.यू.: प्रयोग कर सकें। 534 00:22:18,080 --> 00:22:20,090 >> टॉमस Reimers: अभ्यास, अभ्यास, अभ्यास, और प्रयोग। 535 00:22:20,090 --> 00:22:22,950 मुझे लगता है कि बहुत से लोगों को पता है सीएसएस अनुमान है और जांच का सिर्फ एक बहुत है 536 00:22:22,950 --> 00:22:25,580 जहां अगर दिन के अंत में, यदि आप something-- की तरह क्या करना चाहते हैं 537 00:22:25,580 --> 00:22:27,663 आप किसी न किसी विचार है, लेकिन आप शायद अभी भी जरूरत है 538 00:22:27,663 --> 00:22:31,390 सुनिश्चित करने के लिए इसे बाहर की कोशिश आप यह कैसा लग रहा है पता है। 539 00:22:31,390 --> 00:22:34,482 >> दर्शक: आप आवेदन कर रहे हैं कक्षाएं, एक से अधिक 540 00:22:34,482 --> 00:22:37,339 एक ही पैराग्राफ को या अनुभाग, यह करता है 541 00:22:37,339 --> 00:22:39,505 क्या बात है आदेश आप कर सकते हैं उद्धरण में उन्हें प्रकार है? 542 00:22:39,505 --> 00:22:40,992 >> टॉमस Reimers: नहीं, बिल्कुल नहीं। 543 00:22:40,992 --> 00:22:45,764 >> एलीसन BUCHHOLTZ-ए.यू.: क्या मायने रखता है अपने सीएसएस शैली पत्रक के भीतर आदेश। 544 00:22:45,764 --> 00:22:47,430 दर्शक: आप सवाल दोहराने सकता है? 545 00:22:47,430 --> 00:22:50,680 टॉमस Reimers: ओह। 546 00:22:50,680 --> 00:22:53,990 एलीसन BUCHHOLTZ-ए.यू.: भीतर वर्ग, जब आप दे रहे हैं कक्षाएं 547 00:22:53,990 --> 00:22:56,964 एचटीएमएल में कुछ करने के लिए करता है, यह वे कर रहे हैं, जो आदेश बात है? 548 00:22:56,964 --> 00:22:58,130 यह आदेश फर्क नहीं पड़ता। 549 00:22:58,130 --> 00:23:02,915 क्या मायने रखता है का आदेश है अपने सीएसएस के भीतर वर्ग चयनकर्ताओं, 550 00:23:02,915 --> 00:23:04,306 अपनी शैली पत्रक के भीतर। 551 00:23:04,306 --> 00:23:06,982 >> टॉमस Reimers: ध्वनि अच्छा है? 552 00:23:06,982 --> 00:23:08,532 >> एलीसन BUCHHOLTZ-ए.यू.: लवली। 553 00:23:08,532 --> 00:23:11,539 >> टॉमस Reimers: और फिर हम to-- जारी रखने के लिए जा रहे हैं 554 00:23:11,539 --> 00:23:13,330 एलीसन BUCHHOLTZ-ए.यू.: हम आगे क्या करना है? 555 00:23:13,330 --> 00:23:14,245 मैं भूल जाते हैं। 556 00:23:14,245 --> 00:23:16,087 ओह, हम सिर्फ उदाहरण है। 557 00:23:16,087 --> 00:23:17,295 लेकिन हम एक तरह से उन किया है। 558 00:23:17,295 --> 00:23:18,990 हम मक्खी पर उदाहरण किया है। 559 00:23:18,990 --> 00:23:20,540 >> टॉमस Reimers: हम करने के लिए मिल जल्द ही चयनकर्ताओं गठबंधन। 560 00:23:20,540 --> 00:23:22,790 >> एलीसन BUCHHOLTZ-ए.यू.: ओह, हम चयनकर्ताओं गठबंधन करने के लिए मिलता है। 561 00:23:22,790 --> 00:23:25,260 टॉमस Reimers: तो कुछ उदाहरण हमारे पास है 562 00:23:25,260 --> 00:23:29,630 # Dog-- पौंड, या हैशटैग, या octothorpe, या जो कुछ भी 563 00:23:29,630 --> 00:23:32,050 आप that-- तेज कॉल करना चाहते हैं। 564 00:23:32,050 --> 00:23:34,875 >> एलीसन BUCHHOLTZ-ए.यू.: तीव्र कुत्ता। 565 00:23:34,875 --> 00:23:36,470 >> टॉमस Reimers: तो फिर तुम .pets है। 566 00:23:36,470 --> 00:23:39,059 567 00:23:39,059 --> 00:23:41,600 कुछ, कुत्ते की एक आईडी है पृष्ठ पर केवल एक कुत्ता है। 568 00:23:41,600 --> 00:23:43,870 कुछ का एक आईडी है बिल्ली, केवल एक बिल्ली है। 569 00:23:43,870 --> 00:23:45,665 पेज पर कई पालतू जानवर हो सकता है। 570 00:23:45,665 --> 00:23:47,570 हम कक्षाओं कि दे दी है यही कारण है कि। 571 00:23:47,570 --> 00:23:48,740 आप पी का एक उदाहरण है। 572 00:23:48,740 --> 00:23:50,490 और फिर से एक इसलिए पिछले उदाहरण है, जो 573 00:23:50,490 --> 00:23:53,790 , हम के बारे में बात नहीं की है कुछ है आप उन्हें गठबंधन क्या होता है जब है। 574 00:23:53,790 --> 00:23:54,580 P.pets तो। 575 00:23:54,580 --> 00:23:57,510 576 00:23:57,510 --> 00:24:02,950 >> उस के लिए तो, चलो के लिए वापस जाओ कोड और हाँ another-- परिचय। 577 00:24:02,950 --> 00:24:04,290 तो यहाँ वापस। 578 00:24:04,290 --> 00:24:04,850 >> एलीसन BUCHHOLTZ-ए.यू.: मैं इस really-- है की तरह लग रहा है 579 00:24:04,850 --> 00:24:08,105 की तरह सिर्फ उदाहरण के माध्यम से देख वास्तव में यह जानने के लिए रास्ता है। 580 00:24:08,105 --> 00:24:09,360 तो यह है कि हम क्या कर रहे है। 581 00:24:09,360 --> 00:24:14,030 >> टॉमस Reimers: तो चलो हम नाटक करते हैं केवल सही पाठ 2, का चयन करने के लिए करना चाहते हैं? 582 00:24:14,030 --> 00:24:16,530 तो हम निश्चित रूप से नहीं कर सकते एक आईडी के साथ करते हैं। 583 00:24:16,530 --> 00:24:19,620 खैर, हम एक साथ कर सकता है कि आईडी, लेकिन यह एक आईडी नहीं है। 584 00:24:19,620 --> 00:24:22,490 मैं एक जोड़ने के लिए, लेकिन के लिए बहाना दे सकता है मैं एक जोड़ने के लिए नहीं चाहता था कि 585 00:24:22,490 --> 00:24:24,910 या यह पहले से ही कुछ और है। 586 00:24:24,910 --> 00:24:26,516 मैं उस के साथ ऐसा नहीं कर सकते। 587 00:24:26,516 --> 00:24:28,870 टैग सही, निश्चित रूप से अद्वितीय नहीं है? 588 00:24:28,870 --> 00:24:30,670 और ना ही वर्ग है। 589 00:24:30,670 --> 00:24:32,314 लेकिन अगर आप इन बातों को जोड़ सकते हैं। 590 00:24:32,314 --> 00:24:35,230 हम कुछ करना चाहता था कहते हैं कि जो केवल बातें करने के लिए लागू होता है जो 591 00:24:35,230 --> 00:24:39,420 वर्ग विशेष है और जो वर्ग सुंदर है। 592 00:24:39,420 --> 00:24:48,150 >> तो क्या आप कर सकते हैं, main.css में है आप के पहले इसे हटाना चलो, कह सकते हैं। 593 00:24:48,150 --> 00:24:50,240 आप इन गठजोड़ कर सकते हैं। 594 00:24:50,240 --> 00:24:51,430 तो अगर आप .special कर सकते हैं। 595 00:24:51,430 --> 00:24:52,110 कोई स्थान नहीं। 596 00:24:52,110 --> 00:24:54,770 बस .special.pretty। 597 00:24:54,770 --> 00:25:00,550 क्या इसका मतलब है कि कुछ है जो विशेष और सुंदर दोनों है। 598 00:25:00,550 --> 00:25:01,900 कि मतलब? 599 00:25:01,900 --> 00:25:04,190 और हम यहाँ जाना है, क्या आप को देखने के लिए जा रहे हैं 600 00:25:04,190 --> 00:25:09,734 यह नियम केवल पर लागू होता है उन दोनों की है जो एक दूसरे के। 601 00:25:09,734 --> 00:25:11,400 और आप चीजों की एक बहुत कुछ के लिए ऐसा कर सकते हैं। 602 00:25:11,400 --> 00:25:13,270 तुम चलो say-- कर सकते हैं मैं केवल चाहता था नाटक 603 00:25:13,270 --> 00:25:18,300 सुंदर वर्ग है जो बातें करने के लिए और यह भी एक पैराग्राफ टैग जो कर रहे हैं। 604 00:25:18,300 --> 00:25:19,920 तो p.pretty। 605 00:25:19,920 --> 00:25:23,585 का है कि मैं था ढोंग करते हैं टैग शरीर पर बहुत कुछ। 606 00:25:23,585 --> 00:25:25,850 ठीक है? 607 00:25:25,850 --> 00:25:28,490 मैं इस चलाने के लिए और मैं कर सकते हैं यह केवल देख सकते हैं कि 608 00:25:28,490 --> 00:25:32,720 जो कर रहे हैं बातें करने के लिए लागू करने के लिए जा रहा सुंदर वर्ग के साथ पैराग्राफ। 609 00:25:32,720 --> 00:25:35,650 और तुम, इन गठजोड़ कर सकते हैं असल में, आप चाहते हैं के रूप में कई। 610 00:25:35,650 --> 00:25:38,580 तो तुम सिर्फ उन्हें एक साथ रख सकते हैं। 611 00:25:38,580 --> 00:25:39,604 कि मतलब? 612 00:25:39,604 --> 00:25:41,770 एलीसन BUCHHOLTZ-ए.यू.: तो इस तरह के और अधिक उपयोगी है 613 00:25:41,770 --> 00:25:45,490 जब, टॉमस हो सकता है, जैसा कि पहले कह रहा था आप एक बहुत ही जटिल वेबसाइट है, 614 00:25:45,490 --> 00:25:48,050 और आप पहले से ही एक बहुत कुछ है लिखित इन नियमों की वजह से, 615 00:25:48,050 --> 00:25:51,170 और तुम सिर्फ करने की जरूरत है पहले से दो गठबंधन। 616 00:25:51,170 --> 00:25:55,350 जैसा बजाय एक पूरी लिखने की नए चयनकर्ता और, वहाँ इसे बदलने 617 00:25:55,350 --> 00:25:58,592 तुम सिर्फ गठजोड़ कर सकते हैं उन्हें यह overlaps जहां। 618 00:25:58,592 --> 00:26:00,670 >> टॉमस Reimers: या आप कभी कभी out-- मिल सकता है 619 00:26:00,670 --> 00:26:04,290 एक वर्ग है जो जैसे फॉन्ट का रंग नीला बनाता है, 620 00:26:04,290 --> 00:26:06,740 और एक अन्य वर्ग नहीं है जो पृष्ठभूमि नीले रंग में आता है। 621 00:26:06,740 --> 00:26:07,840 और कहा कि सिर्फ काम नहीं करेगा। 622 00:26:07,840 --> 00:26:10,924 तो आप एक विशेष मामले में लिखते हैं, जहां, यह दोनों है अगर like-- लेकिन, आप क्या कर रहे हैं 623 00:26:10,924 --> 00:26:13,548 क्या करने जा रहा है कि आप के लिए जा रहे है इस एक नीले रंग की इस छाया बनाना 624 00:26:13,548 --> 00:26:15,310 और यह एक नीले रंग की यह दूसरी छाया। 625 00:26:15,310 --> 00:26:15,580 अधिकार? 626 00:26:15,580 --> 00:26:17,955 >> एलीसन BUCHHOLTZ-ए.यू.: अच्छा अपवाद के उन प्रकार के लिए। 627 00:26:17,955 --> 00:26:21,220 टॉमस Reimers: करने के लिए तो समस्याओं के बारे में सोचना 628 00:26:21,220 --> 00:26:25,000 आप उन्हें गठबंधन है कि जब पैदा हो सकता है। 629 00:26:25,000 --> 00:26:27,020 बिंदास। 630 00:26:27,020 --> 00:26:29,692 तो वापस हमारे प्रस्तुति के लिए। 631 00:26:29,692 --> 00:26:31,400 एलीसन BUCHHOLTZ-ए.यू.: हम लगभग वहाँ रहे हैं। 632 00:26:31,400 --> 00:26:34,022 टॉमस Reimers: और यह जोड़ने के लिए बंद कर दिया गया है। 633 00:26:34,022 --> 00:26:36,494 एलीसन BUCHHOLTZ-ए.यू.: ओह, नहीं। 634 00:26:36,494 --> 00:26:39,125 एलीसन BUCHHOLTZ-ए.यू. पर: सीएस कार्यालय, इंटरनेट नीचे चला जाता है। 635 00:26:39,125 --> 00:26:40,360 ओह, विडंबना। 636 00:26:40,360 --> 00:26:45,620 >> टॉमस Reimers: तो सौभाग्य से, हम कर सकते हैं इंटरनेट के बिना मौजूद है, मुझे लगता है, 637 00:26:45,620 --> 00:26:47,380 हम यहाँ सभी स्लाइड किया है। 638 00:26:47,380 --> 00:26:49,304 तो चलो के बारे में बात करते हैं टैग का रिश्ता है। 639 00:26:49,304 --> 00:26:50,470 एलीसन BUCHHOLTZ-ए.यू.: ठीक है। 640 00:26:50,470 --> 00:26:52,660 जा रहा है तो बस की तरह टॉमस ने क्या कहा के बंद, 641 00:26:52,660 --> 00:26:54,180 यह ऐसा करने का एक और तरीका है। 642 00:26:54,180 --> 00:26:57,840 इसलिए हम कुछ माता पिता है एक बच्चे को चयनकर्ता के साथ चयनकर्ता। 643 00:26:57,840 --> 00:27:02,815 तो यहाँ इस उदाहरण में, हम कुछ है एक वर्ग नेवबार, वर्ग बटन के साथ शरीर। 644 00:27:02,815 --> 00:27:03,315 आह। 645 00:27:03,315 --> 00:27:03,990 >> टॉमस Reimers: ओह, माफ करना। 646 00:27:03,990 --> 00:27:06,180 >> एलीसन BUCHHOLTZ-ए.यू.: और असल में, क्या इसका मतलब यह है 647 00:27:06,180 --> 00:27:11,070 जैसे, बच्चों का चयन किया गया है चयनकर्ताओं के इन प्रकार के सभी, 648 00:27:11,070 --> 00:27:13,040 यह माता पिता के चयनकर्ता के भीतर। 649 00:27:13,040 --> 00:27:16,004 और उन लोगों के ही हैं यह कभी भी करने के लिए लागू करने के लिए जा रहा है। 650 00:27:16,004 --> 00:27:17,755 देखो मे नहीँ जानता कि हम एक बेहतर तरीका है of-- 651 00:27:17,755 --> 00:27:19,504 टॉमस Reimers: तो मैं सोचने के लिए जिस तरह से लगता है 652 00:27:19,504 --> 00:27:22,440 इस बारे में कि कैसे पहले याद है हम एक तरह से उन्हें एक साथ रखा पसंद है। 653 00:27:22,440 --> 00:27:26,340 और फिर एक तत्व है कि इसका मतलब है जो इन सब से मेल खाता है। 654 00:27:26,340 --> 00:27:29,530 क्या यह कह रहा है कि मैं, है आप सब कुछ मैच चाहते हैं 655 00:27:29,530 --> 00:27:33,220 मैं चाहता हूँ some-- भीतर आप एक चयनकर्ता को खोजने के लिए। 656 00:27:33,220 --> 00:27:35,670 और फिर उस के भीतर, मैं चाहता हूँ आप नई चीजें मैच के लिए। 657 00:27:35,670 --> 00:27:36,170 अधिकार? 658 00:27:36,170 --> 00:27:40,900 तो सीएसएस में, यह सब के बारे में की तरह है इन मदों के मैच में सक्षम किया जा रहा है। 659 00:27:40,900 --> 00:27:43,050 और अगर आप मैच के लिए कोशिश कर सकते हैं अन्य मदों के भीतर आइटम नहीं है। 660 00:27:43,050 --> 00:27:46,510 >> तो चलो वास्तव में एक उदाहरण करते हैं, और हम स्पष्ट है कि करेंगे। 661 00:27:46,510 --> 00:27:53,090 तो चलो हम विशेष है ढोंग करते हैं, विशेष सुंदर, जो भी हो। 662 00:27:53,090 --> 00:27:55,690 और फिर हम ठीक है, एक कड़ी है? 663 00:27:55,690 --> 00:27:59,780 664 00:27:59,780 --> 00:28:02,370 तो एक एक कड़ी है, याद है। 665 00:28:02,370 --> 00:28:03,900 यह कहीं भी जाने के लिए नहीं जा रहा है। 666 00:28:03,900 --> 00:28:11,500 और हम इसे देने के लिए जा रहे हैं वर्ग कड़ी है, मुझे लगता है। 667 00:28:11,500 --> 00:28:13,335 चलो यह दे दो मुझे एक विचार दे class--। 668 00:28:13,335 --> 00:28:14,460 एलीसन BUCHHOLTZ-ए.यू.: कूल। 669 00:28:14,460 --> 00:28:16,420 टॉमस Reimers: चलो Coo-- यह सुंदर वर्ग जाओ। 670 00:28:16,420 --> 00:28:16,930 क्यूँ नहीँ? 671 00:28:16,930 --> 00:28:17,971 >> एलीसन BUCHHOLTZ-ए.यू.: ठीक है। 672 00:28:17,971 --> 00:28:23,040 टॉमस Reimers: तो अभी बहुत बातें 673 00:28:23,040 --> 00:28:26,000 पृष्ठभूमि बनाने जा रहे हैं सामन के नीले, पृष्ठभूमि रंग। 674 00:28:26,000 --> 00:28:27,969 यही समझ में आता है। 675 00:28:27,969 --> 00:28:28,760 और हम this-- करते हैं 676 00:28:28,760 --> 00:28:29,620 >> एलीसन BUCHHOLTZ-ए.यू.: आप पाठ जोड़ना चाहते हैं 677 00:28:29,620 --> 00:28:31,078 इसलिए हाइपरलिंक वास्तव में पता चलता है? 678 00:28:31,078 --> 00:28:35,088 टॉमस Reimers: यह है कि एक अच्छा फोन होगा। 679 00:28:35,088 --> 00:28:37,921 एलीसन BUCHHOLTZ-ए.यू.: 'क्योंकि सही अब हम कुछ भी नहीं मिलने वाला है बस रहे हैं। 680 00:28:37,921 --> 00:28:39,690 टॉमस Reimers: तो यह एक कड़ी है। 681 00:28:39,690 --> 00:28:42,202 "यह एक कड़ी है।" 682 00:28:42,202 --> 00:28:45,820 ओह, और यह जा रहा है एक और कड़ी हो। 683 00:28:45,820 --> 00:28:47,280 चलो यह वर्ग दे दें "शांत करते हैं।" 684 00:28:47,280 --> 00:28:50,295 आप ठीक कह रहे हैं। 685 00:28:50,295 --> 00:28:50,795 बिंदास। 686 00:28:50,795 --> 00:28:53,590 687 00:28:53,590 --> 00:28:56,010 इसलिए अभी हम इस हड़पने के लिए जा रहे हैं। 688 00:28:56,010 --> 00:28:57,269 हम एक फेंक करने के लिए जा रहे हैं। 689 00:28:57,269 --> 00:28:59,060 हम में से एक है विशेष टैग, और हम भी 690 00:28:59,060 --> 00:29:01,150 सुंदर टैग में एक करने जा रहे हैं। 691 00:29:01,150 --> 00:29:05,449 और अभी हम करने जा रहे हैं ऐसा हम cool-- बनाने जा रहे है 692 00:29:05,449 --> 00:29:06,490 क्या हम यह करने के लिए करना चाहते हैं? 693 00:29:06,490 --> 00:29:10,347 694 00:29:10,347 --> 00:29:12,180 एलीसन BUCHHOLTZ-ए.यू.: हम इसे बड़ा कर सकते हैं? 695 00:29:12,180 --> 00:29:13,800 टॉमस Reimers: चलो इसे एक सीमा दे। 696 00:29:13,800 --> 00:29:14,840 एलीसन BUCHHOLTZ-ए.यू.: हम सीमा सकता है। 697 00:29:14,840 --> 00:29:15,673 टॉमस Reimers: हाँ। 698 00:29:15,673 --> 00:29:18,560 इसलिए हम कुछ करने के लिए जा रहे हैं जैसे, सीमा is-- और हम कर रहे हैं 699 00:29:18,560 --> 00:29:20,971 सभी एक दूसरे में यह समझा जा रहा है। 700 00:29:20,971 --> 00:29:21,470 अभी के लिए-- 701 00:29:21,470 --> 00:29:24,592 >> एलीसन BUCHHOLTZ-ए.यू.: बॉक्स मॉडल के लिए। 702 00:29:24,592 --> 00:29:27,300 टॉमस Reimers: लेकिन अब के लिए, हम कर रहे हैं बस यह एक सीमा देने के लिए जा रहा है। 703 00:29:27,300 --> 00:29:29,580 तो क्या इसका मतलब है कि आप कर रहे है इन कड़ियों को देखने के लिए जा रहा है। 704 00:29:29,580 --> 00:29:32,788 और तुम है कि वे देखने के लिए जा रहे हैं इन, जैसे, बदसूरत काले बॉर्डर, जो 705 00:29:32,788 --> 00:29:33,820 शांत है। 706 00:29:33,820 --> 00:29:34,500 >> एलीसन BUCHHOLTZ-ए.यू.: हमारी वेबसाइट बहुत सुंदर है। 707 00:29:34,500 --> 00:29:35,333 >> टॉमस Reimers: हाँ। 708 00:29:35,333 --> 00:29:38,930 हमारी वेबसाइट भयानक है। 709 00:29:38,930 --> 00:29:41,585 तो इन दो लिंक कर रहे हैं, और वे दिखाई देते हैं। 710 00:29:41,585 --> 00:29:44,160 अब देखते हैं कि मैं नाटक करते हैं केवल यह करना चाहता था 711 00:29:44,160 --> 00:29:50,072 यह कुछ के भीतर नहीं था जो सामन की एक पृष्ठभूमि के लिए किया था। 712 00:29:50,072 --> 00:29:52,280 तो यह एक याद है कि , सामन की एक पृष्ठभूमि है 713 00:29:52,280 --> 00:29:54,000 यह सुंदर वर्ग की है, क्योंकि। 714 00:29:54,000 --> 00:29:59,777 >> लेकिन हम केवल ठंडा कहना चाहता हूँ कि वर्ग में कक्षा में, विशेष नहीं कर रहे हैं, जो 715 00:29:59,777 --> 00:30:02,890 सुंदर, कि सीमा होनी चाहिए। 716 00:30:02,890 --> 00:30:12,549 खैर, क्या आप कर सकते हैं कि आप है .cool, .special, अंतरिक्ष कह सकते हैं। 717 00:30:12,549 --> 00:30:15,590 जब आपको लगता है और वह है, क्या कर रहा है इसके बारे में, यह मूल रूप से कह रहा है, 718 00:30:15,590 --> 00:30:19,530 ठीक है, मुझे सब कुछ मिल कि विशेष से मेल खाता है। 719 00:30:19,530 --> 00:30:24,104 तब उन टैग के भीतर, लगता है अच्छा है कि मुझे सब कुछ। 720 00:30:24,104 --> 00:30:27,270 एलीसन BUCHHOLTZ-ए.यू.: तो एक और तरीका कि, इस बारे में सोचने के लिए अच्छा हो सकता है 721 00:30:27,270 --> 00:30:29,810 सी के लिए इसे वापस लाने, है सिर्फ गुंजाइश के विचार की तरह। 722 00:30:29,810 --> 00:30:34,020 तो अगर आप कुछ है जब लोगों की तरह चयनकर्ता, 723 00:30:34,020 --> 00:30:38,460 हम इस से पहले के लिए काम कर रहा है कि, अपने पूरे वेब पेज, अपने HTML के सभी 724 00:30:38,460 --> 00:30:40,180 ठीक है, अपने दायरे के भीतर है? 725 00:30:40,180 --> 00:30:43,090 लेकिन हम इन किया है जब अभिभावक बच्चे रिश्तों, 726 00:30:43,090 --> 00:30:47,130 आप नीचे जहां संकुचन कर रहे हैं ऐसा लगता है जैसे यदि आप एक विशिष्ट स्थान के लिए देख रहे हैं 727 00:30:47,130 --> 00:30:50,540 अगर, के रूप में की तरह, हम भीतर देख रहे हैं एक विशेष समारोह के बजाय 728 00:30:50,540 --> 00:30:52,007 हमारी पूरी फाइल की। 729 00:30:52,007 --> 00:30:55,090 दर्शक: होता है, मन में उस के साथ तो हम changed-- था अगर यह मायने रखता है 730 00:30:55,090 --> 00:30:56,423 एलीसन BUCHHOLTZ-ए.यू.: आदेश? 731 00:30:56,423 --> 00:30:59,320 दर्शक: सीएसएस में --the वर्ग , अंतरिक्ष .cool करने के लिए, .special? 732 00:30:59,320 --> 00:31:01,153 एलीसन BUCHHOLTZ-ए.यू.: हाँ, क्योंकि तब है कि 733 00:31:01,153 --> 00:31:04,420 गुंजाइश यह करने के लिए कहेंगे, शांत है कि सब कुछ, 734 00:31:04,420 --> 00:31:07,235 और फिर क्या has-- पर देखने के लिए मैं इस मामले में, जैसे, मतलब 735 00:31:07,235 --> 00:31:08,860 मैं इसे बदल दिया होता नहीं लगता। 736 00:31:08,860 --> 00:31:10,318 >> टॉमस Reimers: हमें क्या कहा था तो? 737 00:31:10,318 --> 00:31:10,906 सॉरी। 738 00:31:10,906 --> 00:31:12,660 >> एलीसन BUCHHOLTZ-ए.यू.: हम तो यह तो शांत करने के लिए गुंजाइश 739 00:31:12,660 --> 00:31:14,550 विशेष के बाहर बातों के लिए लग रही है, यह वास्तव में एक ही होगा। 740 00:31:14,550 --> 00:31:16,260 >> टॉमस Reimers: तो यह नहीं होगा। 741 00:31:16,260 --> 00:31:16,590 >> एलीसन BUCHHOLTZ-ए.यू.: यह नहीं होगा? 742 00:31:16,590 --> 00:31:17,590 ओह ठीक है, ओह। 743 00:31:17,590 --> 00:31:18,090 मैं गलत हूँ। 744 00:31:18,090 --> 00:31:21,480 >> टॉमस Reimers: तो कारण यह different-- आम mistake-- है 745 00:31:21,480 --> 00:31:27,140 सही है कि अब केवल लिंक ठीक है, शांत है? 746 00:31:27,140 --> 00:31:32,176 तुम लोगों को है करने के लिए मैं, मेरे सवाल का अनुमान इस पृष्ठ पर क्या .cool से मिलान किया जाता है? 747 00:31:32,176 --> 00:31:35,984 748 00:31:35,984 --> 00:31:38,340 दो टैग यहाँ, सही कर रहे हैं? 749 00:31:38,340 --> 00:31:39,770 यह एक है जो और यह एक है। 750 00:31:39,770 --> 00:31:40,590 दोनों शांत मैच। 751 00:31:40,590 --> 00:31:42,200 और कुछ नहीं करता है। 752 00:31:42,200 --> 00:31:46,460 तो आप ने कहा, अगर .cool, अंतरिक्ष, .special, आप का कहना है कि करने के लिए जा रहे हैं, 753 00:31:46,460 --> 00:31:48,824 इन टैग के भीतर, क्या खास है? 754 00:31:48,824 --> 00:31:49,865 एलीसन BUCHHOLTZ-ए.यू.: हम्म। 755 00:31:49,865 --> 00:31:51,800 यही कारण है कि क्या it-- सही है। 756 00:31:51,800 --> 00:31:52,310 यह यहां सिर्फ कुछ की तरह है क्योंकि। 757 00:31:52,310 --> 00:31:53,310 >> टॉमस Reimers: तो यह कुछ भी नहीं चुनता है। 758 00:31:53,310 --> 00:31:56,530 >> एलीसन BUCHHOLTZ-ए.यू.: के साथ जबकि विशेष, हम यहाँ इन टैग के भीतर हो। 759 00:31:56,530 --> 00:31:57,971 >> टॉमस Reimers: उन और उन। 760 00:31:57,971 --> 00:31:58,512 दर्शक: ठीक है। 761 00:31:58,512 --> 00:31:58,920 तो आगे से उन टैग स्लेश? 762 00:31:58,920 --> 00:31:59,740 >> टॉमस Reimers: हाँ। 763 00:31:59,740 --> 00:32:01,150 कि मतलब? 764 00:32:01,150 --> 00:32:03,685 कैसे यह मूल रूप से है गुंजाइश संकीर्ण करने के लिए कोशिश कर रहा। 765 00:32:03,685 --> 00:32:04,810 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 766 00:32:04,810 --> 00:32:06,870 मुझे लगता है कि शायद लगता है कि सबसे आसान तरीका है इसके बारे में सोचने के लिए। 767 00:32:06,870 --> 00:32:09,270 >> टॉमस Reimers: तो हम यह पाया गया है, और हम इस दोनों विशेष मिलान कर पाया। 768 00:32:09,270 --> 00:32:11,400 और फिर हम भीतर, पूछ रहे हैं इन लोगों को शांत क्या है? 769 00:32:11,400 --> 00:32:12,941 और यह एक है, यह एक शांत भीतर। 770 00:32:12,941 --> 00:32:14,500 इस एक के भीतर, कुछ भी नहीं अच्छा है। 771 00:32:14,500 --> 00:32:16,250 तो यह बनी हुई है कि केवल टैग है। 772 00:32:16,250 --> 00:32:20,112 >> एलीसन BUCHHOLTZ-ए.यू.: शांत जबकि बस वहाँ ये एक टैग के भीतर है। 773 00:32:20,112 --> 00:32:21,070 टॉमस Reimers: बिल्कुल। 774 00:32:21,070 --> 00:32:22,403 और उन के भीतर विशेष क्या है? 775 00:32:22,403 --> 00:32:22,930 कुछ भी नहीं। 776 00:32:22,930 --> 00:32:25,270 अब, मैं क्या कहेंगे है कोई जगह नहीं थी, 777 00:32:25,270 --> 00:32:29,880 आप शांत और special-- क्या पूछ रहे हैं या सही, सुंदर और विशेष क्या है? 778 00:32:29,880 --> 00:32:35,370 आप .special.pretty कहते हैं, कि .pretty.special के रूप में ही। 779 00:32:35,370 --> 00:32:39,220 >> अंतरिक्ष हटाने क्या है क्योंकि आप .special कहना है, जब पूछ रही है, 780 00:32:39,220 --> 00:32:40,970 आप, ठीक है, पूछ रहे हैं जो लोगों को विशेष कर रहे हैं? 781 00:32:40,970 --> 00:32:43,780 और फिर, उन में से कौन सा लोगों को भी सुंदर हैं, 782 00:32:43,780 --> 00:32:47,010 जो व्याकरण की दृष्टि से, एक ही है, पूछ के रूप में, सुंदर है क्या, 783 00:32:47,010 --> 00:32:49,500 और फिर उन लोगों की, विशेष भी क्या है? 784 00:32:49,500 --> 00:32:50,000 अधिकार? 785 00:32:50,000 --> 00:32:53,099 यह का अंतर है क्या है के भीतर है। 786 00:32:53,099 --> 00:32:53,640 दर्शक: ठीक है। 787 00:32:53,640 --> 00:32:54,473 टॉमस Reimers: हाँ। 788 00:32:54,473 --> 00:32:56,670 789 00:32:56,670 --> 00:32:58,030 बहुत बढ़िया। 790 00:32:58,030 --> 00:33:00,426 Then-- साथ कि दिमाग में तो 791 00:33:00,426 --> 00:33:01,800 >> एलीसन BUCHHOLTZ-ए.यू.: मैं हमारे पिछले लगता है बात (फैंसी ब्रिटिश लहजे में) 792 00:33:01,800 --> 00:33:02,510 बॉक्स मॉडल। 793 00:33:02,510 --> 00:33:05,992 >> टॉमस Reimers: box-- [हंसते] मैं एलीसन का कहना है कि जिस तरह से प्यार करता हूँ। 794 00:33:05,992 --> 00:33:06,950 बॉक्स मॉडल बात तो। 795 00:33:06,950 --> 00:33:09,644 >> एलीसन BUCHHOLTZ-ए.यू.: बस है एक बॉक्स है, मैं अपने बॉक्स मॉडल हो जाएगा। 796 00:33:09,644 --> 00:33:11,310 टॉमस Reimers: तो उस बारे में बात करते हैं। 797 00:33:11,310 --> 00:33:14,070 इसलिए अभी हम एक बहुत खर्च कर दिया समय के चयनकर्ताओं के बारे में बात कर रही है। 798 00:33:14,070 --> 00:33:16,944 अब तक, तुम लोगों की तरह, शायद रहे हैं, जैसा कि आप जानते selectors-- के स्वामी, 799 00:33:16,944 --> 00:33:21,510 वास्तव में सामग्री का चयन करने के लिए है कि कैसे आप अपने स्क्रीन पर हेरफेर करने के लिए चाहते हैं। 800 00:33:21,510 --> 00:33:24,740 >> तो अब सवाल है, कैसे है वास्तव में आप यह हेरफेर कर सकते हैं? 801 00:33:24,740 --> 00:33:27,010 तो मैं सबसे बुनियादी अनुमान उस के बारे में सोचने के लिए रास्ता 802 00:33:27,010 --> 00:33:30,294 खैर, वास्तव में क्या है, सीएसएस में एक तत्व है? 803 00:33:30,294 --> 00:33:32,585 हम समय की एक बहुत खर्च किया है के बारे में बात कर रही है, एक टैग है क्या, 804 00:33:32,585 --> 00:33:36,140 या सबसे बुनियादी क्या है एक टैग का प्रतिनिधित्व? 805 00:33:36,140 --> 00:33:39,870 806 00:33:39,870 --> 00:33:45,170 >> के बारे में सोचने के लिए एक अच्छा तरीका वह यह है कि सामन क्या आकार है? 807 00:33:45,170 --> 00:33:47,295 , जैसे, क्या आकार है पृष्ठभूमि सामन रंग? 808 00:33:47,295 --> 00:33:47,880 >> दर्शक: यह एक आयत है। 809 00:33:47,880 --> 00:33:49,040 >> टॉमस Reimers: यह सही है, एक आयत है? 810 00:33:49,040 --> 00:33:50,956 >> एलीसन BUCHHOLTZ-ए.यू.: एक चाल सवाल नहीं था। 811 00:33:50,956 --> 00:33:51,870 [हँसी] 812 00:33:51,870 --> 00:33:54,670 >> टॉमस Reimers: कोशिश कर नहीं यह देर से तुम लोगों को चाल की। 813 00:33:54,670 --> 00:33:57,510 इसलिए हम इस आयत है। 814 00:33:57,510 --> 00:33:59,140 और टैग एक पी, सही है? 815 00:33:59,140 --> 00:34:02,280 तो यह है कि हमें अच्छा देता है पैरा विश्वास है कि 816 00:34:02,280 --> 00:34:07,440 पर, एक आयत के रूप में प्रतिनिधित्व किया है ब्राउज़र के मन में जो कम से कम 817 00:34:07,440 --> 00:34:08,715 रही हे। 818 00:34:08,715 --> 00:34:11,423 >> एलीसन BUCHHOLTZ-ए.यू.: मेरा मतलब है, ब्राउज़रों, आम तौर पर आयताकार हैं 819 00:34:11,423 --> 00:34:13,440 तो यह समझ में आता है। 820 00:34:13,440 --> 00:34:18,750 >> टॉमस Reimers: विचार यहाँ है सीएसएस के भीतर टैग की है कि सभी 821 00:34:18,750 --> 00:34:21,790 एक आयत के रूप में प्रतिनिधित्व कर रहे हैं। 822 00:34:21,790 --> 00:34:25,699 और हर आयत चार है सीएसएस के अनुसार भागों, ठीक है? 823 00:34:25,699 --> 00:34:27,830 आप वास्तविक सामग्री है। 824 00:34:27,830 --> 00:34:29,644 पाठ निहित है कि जहां। 825 00:34:29,644 --> 00:34:30,470 >> एलीसन BUCHHOLTZ-ए.यू.: हो सकता है कि आपकी तस्वीर। 826 00:34:30,470 --> 00:34:31,303 >> टॉमस Reimers: हाँ। 827 00:34:31,303 --> 00:34:33,860 आप है, जो padding है सफेद अंतरिक्ष के बस किसी तरह। 828 00:34:33,860 --> 00:34:35,085 तो फिर तुम एक सीमा है। 829 00:34:35,085 --> 00:34:37,710 और फिर तुम मार्जिन है जो उस के बाहर सफेद स्थान है। 830 00:34:37,710 --> 00:34:39,460 कि कोई मतलब नहीं है तो किसी को भी, तो हम कर रहे हैं 831 00:34:39,460 --> 00:34:42,500 एक पल के लिए उस के बारे में बात करने के लिए जा रहा है। 832 00:34:42,500 --> 00:34:47,570 तो यहीं है, हम क्या करने जा रहे हैं क्या हम ठीक है, कुछ divs बनाने के लिए जा रहे हैं? 833 00:34:47,570 --> 00:34:48,420 मुझे जबकि माफ करना I-- 834 00:34:48,420 --> 00:34:51,506 >> एलीसन BUCHHOLTZ-ए.यू.: मेरा मन हम में एक प्यारा तस्वीर डाल देना चाहिए। 835 00:34:51,506 --> 00:34:52,520 >> टॉमस Reimers: हम निश्चित रूप से करना चाहिए। 836 00:34:52,520 --> 00:34:53,389 >> एलीसन BUCHHOLTZ-ए.यू.: मैं हर किसी की तरह लग रहा है 837 00:34:53,389 --> 00:34:54,870 एक से फायदा हो सकता है सुंदर चित्र, सब है। 838 00:34:54,870 --> 00:34:56,774 >> टॉमस Reimers: हम कर सकते हैं a-- से सभी को लाभ 839 00:34:56,774 --> 00:34:57,648 >> दर्शक: हाँ, ज़रूर। 840 00:34:57,648 --> 00:34:58,790 टॉमस Reimers: ठीक है, शांत। 841 00:34:58,790 --> 00:35:02,254 इसलिए हम एक प्यारा रखना चाहिए कहीं में तस्वीर। 842 00:35:02,254 --> 00:35:05,295 एलीसन BUCHHOLTZ-ए.यू.: मैं एक तरह लग रहा है प्यारा चलनेवाली सही अब उपयोगी हो सकता है। 843 00:35:05,295 --> 00:35:06,190 टॉमस Reimers: यकीन है। 844 00:35:06,190 --> 00:35:06,950 एलीसन BUCHHOLTZ-ए.यू.: इस सप्ताह के अंत। 845 00:35:06,950 --> 00:35:07,390 कुछ लो adorab-- 846 00:35:07,390 --> 00:35:08,520 >> टॉमस Reimers: कैसे एक बिल्ली के बच्चे डटकर? 847 00:35:08,520 --> 00:35:09,220 >> एलीसन BUCHHOLTZ-ए.यू.: एक बिल्ली का बच्चा भी है, काम करता है। 848 00:35:09,220 --> 00:35:11,300 >> टॉमस Reimers: कूल, क्योंकि उस के लिए एक साइट है। 849 00:35:11,300 --> 00:35:12,300 यह PlaceKitten कहा जाता है। 850 00:35:12,300 --> 00:35:14,719 एलीसन BUCHHOLTZ-ए.यू.: यह बढ़िया है। 851 00:35:14,719 --> 00:35:15,510 टॉमस Reimers: हाँ। 852 00:35:15,510 --> 00:35:18,040 एलीसन BUCHHOLTZ-ए.यू.: बस की तरह है, के लिए, अपनी वेबसाइट में प्लेसहोल्डर छवियों। 853 00:35:18,040 --> 00:35:18,914 टॉमस Reimers: एम एम-एचएम। 854 00:35:18,914 --> 00:35:21,520 PlacePuppy भी है। 855 00:35:21,520 --> 00:35:22,832 और PlaceBacon है। 856 00:35:22,832 --> 00:35:24,340 >> एलीसन BUCHHOLTZ-ए.यू.: PlaceBacon? 857 00:35:24,340 --> 00:35:25,350 रियली? 858 00:35:25,350 --> 00:35:28,190 >> टॉमस Reimers: ओह, हम नहीं करते यहां इंटरनेट का उपयोग कर सकते है। 859 00:35:28,190 --> 00:35:29,875 >> एलीसन BUCHHOLTZ-ए.यू.: [कराह] 860 00:35:29,875 --> 00:35:30,375 दुखद। 861 00:35:30,375 --> 00:35:32,333 टॉमस Reimers: अन्यथा, मैं तुम लोगों को दिखा सकते हैं 862 00:35:32,333 --> 00:35:33,870 कैसे अपनी वेबसाइट में छवियों को डाल दिया। 863 00:35:33,870 --> 00:35:36,370 हम इस प्राप्त करने के लिए प्रयास करने के लिए जा रहे हैं हम जाने के लिए करने से पहले काम कर रहे। 864 00:35:36,370 --> 00:35:38,660 लेकिन अब के लिए, हम सिर्फ रहे हैं फिर रंग में बात करने जा रहा। 865 00:35:38,660 --> 00:35:39,820 हम kittens-- की तस्वीरें डाल करना चाहते हैं 866 00:35:39,820 --> 00:35:40,210 >> एलीसन BUCHHOLTZ-ए.यू.: हमने किया। 867 00:35:40,210 --> 00:35:43,110 >> टॉमस Reimers: --the इंटरनेट की पल के लिए नीचे जा रहा है। 868 00:35:43,110 --> 00:35:47,820 इसलिए हम दो divs है, और हम कर रहे हैं उन्हें दो आईडी देने के लिए जा रहा है। 869 00:35:47,820 --> 00:35:51,380 870 00:35:51,380 --> 00:35:56,760 हम यह कॉल करने के लिए जा रहे हैं "पहले" और "दूसरा"। 871 00:35:56,760 --> 00:36:01,184 तो आईडी = "पहले।" 872 00:36:01,184 --> 00:36:02,850 और हम उन्हें दो रंग देने के लिए जा रहे हैं। 873 00:36:02,850 --> 00:36:08,424 इसलिए हम कुछ कैसे चयन करते हैं "" पहले से एक आईडी के साथ? 874 00:36:08,424 --> 00:36:09,840 एलीसन BUCHHOLTZ-ए.यू.: डॉट या हैश? 875 00:36:09,840 --> 00:36:10,730 दर्शक: तीव्र। 876 00:36:10,730 --> 00:36:12,940 टॉमस Reimers: तीव्र, बिल्कुल सही। 877 00:36:12,940 --> 00:36:14,950 तीव्र, हैश, जो कुछ we-- 878 00:36:14,950 --> 00:36:15,680 >> एलीसन BUCHHOLTZ-ए.यू.: बहुत सी बातें यह कॉल करने के लिए। 879 00:36:15,680 --> 00:36:16,430 >> टॉमस Reimers: ठीक है। 880 00:36:16,430 --> 00:36:19,800 हम हैशटैग पर व्यवस्थित करने के लिए जा रहे हैं, और कर रहे हैं कि हम साथ जाने के लिए जा रहे हैं। 881 00:36:19,800 --> 00:36:20,300 ठीक है? 882 00:36:20,300 --> 00:36:20,735 >> एलीसन BUCHHOLTZ-ए.यू.: हैशटैग। 883 00:36:20,735 --> 00:36:22,340 >> टॉमस Reimers: तो हैशटैग का पहला। 884 00:36:22,340 --> 00:36:24,506 >> एलीसन BUCHHOLTZ-ए.यू.: तो आप seminar-- ट्वीट कर सकते हैं 885 00:36:24,506 --> 00:36:27,582 हैशटैग सीएसएस, शांत हैशटैग। 886 00:36:27,582 --> 00:36:29,040 टॉमस Reimers: हैशटैग Awesomeness। 887 00:36:29,040 --> 00:36:30,730 एलीसन BUCHHOLTZ-ए.यू.: हैशटैग Awesomeness, हाँ। 888 00:36:30,730 --> 00:36:31,480 टॉमस Reimers: ठीक है। 889 00:36:31,480 --> 00:36:33,660 इसलिए हम "पहले" और "दूसरा है।" 890 00:36:33,660 --> 00:36:37,697 तो सबसे पहले, हमारे पास करने के लिए जा रहे हैं लाल रंग का एक पृष्ठभूमि रंग। 891 00:36:37,697 --> 00:36:39,030 एलीसन BUCHHOLTZ-ए.यू.: उह, पेट के। 892 00:36:39,030 --> 00:36:40,281 टॉमस Reimers: हाँ। 893 00:36:40,281 --> 00:36:42,281 एलीसन BUCHHOLTZ-ए.यू.: मैं अपनी जगह-चेकर हो जाएगा। 894 00:36:42,281 --> 00:36:43,960 टॉमस Reimers: एलीसन मुझे मिला है। 895 00:36:43,960 --> 00:36:45,830 Blue-- की पृष्ठभूमि रंग 896 00:36:45,830 --> 00:36:46,810 >> टॉमस Reimers: बैंगनी! 897 00:36:46,810 --> 00:36:47,726 >> टॉमस Reimers: बैंगनी। 898 00:36:47,726 --> 00:36:48,830 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 899 00:36:48,830 --> 00:36:50,630 पर्पल के मेरा पसंदीदा रंग, और हम अभी तक उपयोग नहीं किया है। 900 00:36:50,630 --> 00:36:51,546 >> टॉमस Reimers: वायलेट। 901 00:36:51,546 --> 00:36:53,361 एलीसन BUCHHOLTZ-ए.यू.: वायलेट। 902 00:36:53,361 --> 00:36:53,860 यही काम करता है। 903 00:36:53,860 --> 00:36:56,482 904 00:36:56,482 --> 00:36:59,880 >> टॉमस Reimers: तो हम कर रहे हैं दो divs के लिए किया जा रहा। 905 00:36:59,880 --> 00:37:01,654 वे पूरी तरह से खाली हो जा रहे हैं। 906 00:37:01,654 --> 00:37:03,070 हम शायद कुछ पाठ करना चाहिए था। 907 00:37:03,070 --> 00:37:05,580 908 00:37:05,580 --> 00:37:09,815 तो "" पहले होने जा रहा है "नमस्ते।" 909 00:37:09,815 --> 00:37:10,940 और "दूसरा" say-- जाएगा 910 00:37:10,940 --> 00:37:11,110 >> एलीसन BUCHHOLTZ-ए.यू.: अलविदा। 911 00:37:11,110 --> 00:37:12,514 >> दर्शक: - "वर्ल्ड।" 912 00:37:12,514 --> 00:37:14,122 अलविदा, नमस्कार। 913 00:37:14,122 --> 00:37:16,580 एलीसन BUCHHOLTZ-ए.यू.: मैंने देखा संगीत समारोह में उन्हें दूसरे सप्ताह। 914 00:37:16,580 --> 00:37:17,705 टॉमस Reimers: बीटल्स? 915 00:37:17,705 --> 00:37:20,242 एलीसन BUCHHOLTZ-ए.यू.: reals के लिए। 916 00:37:20,242 --> 00:37:21,200 वे कहते हैं कि महान नहीं कर रहे हैं। 917 00:37:21,200 --> 00:37:24,084 918 00:37:24,084 --> 00:37:24,750 मुझे यह पसंद नहीं है। 919 00:37:24,750 --> 00:37:26,060 >> टॉमस Reimers: हम "नमस्ते" और "अलविदा।" 920 00:37:26,060 --> 00:37:29,102 और फिर, सीएसएस, बस कमाल है यह हमारे रंग पहचानता है। 921 00:37:29,102 --> 00:37:30,810 यहां तक ​​की जरूरत नहीं है वे मौजूद है कि चिंता मत करो। 922 00:37:30,810 --> 00:37:33,194 वे करते हैं। 923 00:37:33,194 --> 00:37:35,130 >> एलीसन BUCHHOLTZ-ए.यू.: वे मौजूद। 924 00:37:35,130 --> 00:37:39,560 >> टॉमस Reimers: तो सीएसएस मैं लगता है कि 255 शब्दों रंग के बारे में बात करने के लिए। 925 00:37:39,560 --> 00:37:42,986 यदि आप बाहर एक रंग के बारे में सोच सकते हैं उन 255, की तरह, मैं प्रभावित हो जाएगा। 926 00:37:42,986 --> 00:37:44,110 एलीसन BUCHHOLTZ-ए.यू.: हाँ। 927 00:37:44,110 --> 00:37:45,560 मैं तुम लोगों को हो सकता है बस सही होने के बाद में आते हैं। 928 00:37:45,560 --> 00:37:47,727 >> टॉमस Reimers: तो यहाँ, आप हम दो बक्से देखेंगे 929 00:37:47,727 --> 00:37:49,143 सही एक दूसरे को, सही के शीर्ष पर? 930 00:37:49,143 --> 00:37:50,200 नमस्ते और अलविदा। 931 00:37:50,200 --> 00:37:51,460 >> एलीसन BUCHHOLTZ-ए.यू.: बीच में कोई जगह नहीं है। 932 00:37:51,460 --> 00:37:53,390 वे सिर्फ smooshed रहे सही एक दूसरे के शीर्ष पर। 933 00:37:53,390 --> 00:37:55,973 >> टॉमस Reimers: तो पहली बात मुझे लगता है हम के बारे में बात करनी चाहिए अनुमान 934 00:37:55,973 --> 00:38:02,960 चलो यह भी हाँ say-- जाने है। 935 00:38:02,960 --> 00:38:08,020 तो सीएसएस बॉक्स की तरह के रूप में उन्हें प्रतिनिधित्व करता है। 936 00:38:08,020 --> 00:38:10,100 और बक्से के रूप में, वे सामग्री है। 937 00:38:10,100 --> 00:38:14,540 और सामग्री अब सही तरह की है नमस्कार या अलविदा और यह बात है। 938 00:38:14,540 --> 00:38:15,040 ठीक है? 939 00:38:15,040 --> 00:38:19,790 >> पहले चीजों में से एक तो तुम क्या कर सकते हैं आप गद्दी जोड़ सकते है। 940 00:38:19,790 --> 00:38:25,610 गद्दी कितनी जगह कहते हैं यह प्रत्येक पक्ष पर छोड़ देना चाहिए। 941 00:38:25,610 --> 00:38:29,200 तो चलो मैं कहना चाहता हूँ हम कहते हैं प्रत्येक पक्ष पर 10 पिक्सल। 942 00:38:29,200 --> 00:38:31,234 और मैं एक दूसरे में काटना होगा। 943 00:38:31,234 --> 00:38:33,150 एलीसन BUCHHOLTZ-ए.यू.: यहां इन सभी बातों के 944 00:38:33,150 --> 00:38:36,980 पिक्सल में ज्यादातर होने जा रहे हैं संगोष्ठी के आराम के लिए। 945 00:38:36,980 --> 00:38:40,980 आप यह है कि देखने के लिए जा रहे हैं इसके चारों ओर कुछ जगह, सही है? 946 00:38:40,980 --> 00:38:46,360 तो तुम यहाँ नहीं दिख रहा है क्या वहाँ है गद्दी के इस अदृश्य क्रमबद्ध 947 00:38:46,360 --> 00:38:49,600 जैसे, जो कहते हैं, प्रत्येक पक्ष पर, ठीक है, तुम content-- की अपनी बॉक्स है 948 00:38:49,600 --> 00:38:51,680 >> एलीसन BUCHHOLTZ-ए.यू.: यदि आप चाहते हैं बस का निरीक्षण तत्व को खींचने के लिए? 949 00:38:51,680 --> 00:38:53,659 >> टॉमस Reimers: हाँ, यह एक अच्छा विचार है। 950 00:38:53,659 --> 00:38:56,700 एलीसन BUCHHOLTZ-ए.यू.: इसके अलावा, मुझे मिल निरीक्षण तत्व एक अच्छा तरीका है कि 951 00:38:56,700 --> 00:39:01,280 कुछ जा रहा है कि अगर यह पता लगाने के लिए गलत, अप्रत्याशित कुछ होता है, 952 00:39:01,280 --> 00:39:04,570 टैग निरीक्षण और देखकर क्या ओवरराइट मददगार है की तरह है। 953 00:39:04,570 --> 00:39:05,940 >> टॉमस Reimers: तो मुझे यकीन नहीं है तुम लोग इस रंग देख सकते हैं। 954 00:39:05,940 --> 00:39:06,470 आप कर सकते हैं? 955 00:39:06,470 --> 00:39:10,120 आप इस गद्दी देखेंगे धार की तरह पर। 956 00:39:10,120 --> 00:39:13,410 और फिर आप वास्तविक देखना नीले रंग में सामग्री, है ना? 957 00:39:13,410 --> 00:39:16,820 तो यह है कि बहुत है बॉक्स मॉडल की मूल बातें। 958 00:39:16,820 --> 00:39:17,674 आप सामग्री है। 959 00:39:17,674 --> 00:39:18,590 तो फिर तुम padding है। 960 00:39:18,590 --> 00:39:20,440 >> दर्शक: क्यों तुम बस नहीं करते the-- अंदर बॉक्स का उपयोग करें 961 00:39:20,440 --> 00:39:21,606 >> एलीसन BUCHHOLTZ-ए.यू.: ठीक है। 962 00:39:21,606 --> 00:39:24,745 यह सिर्फ का चयन कर रहा है क्योंकि अब ठीक तत्व। 963 00:39:24,745 --> 00:39:26,050 >> टॉमस Reimers: हाँ। 964 00:39:26,050 --> 00:39:27,060 अन्य चीजें। 965 00:39:27,060 --> 00:39:29,780 तो चलो उस के बारे में बात करते हैं एक पल के लिए गद्दी आदेश। 966 00:39:29,780 --> 00:39:36,380 सीएसएस, माप में तो एक इकाई की आवश्यकता है। 967 00:39:36,380 --> 00:39:39,740 तो पहले आप को राशि है। 968 00:39:39,740 --> 00:39:41,460 तो इस मामले में, हम 10 कहा है। 969 00:39:41,460 --> 00:39:44,780 और फिर अगले एक कहा है कि हम पिक्सल, px है। 970 00:39:44,780 --> 00:39:49,160 हो सकता है आप अन्य लोगों को कर रहे हैं सेंटीमीटर, इंच की तरह बातें। 971 00:39:49,160 --> 00:39:51,367 आप चीजों की तरह कर सकते हैं, 10 इंच क्या है? 972 00:39:51,367 --> 00:39:52,700 और यह हास्यास्पद होने जा रहा है। 973 00:39:52,700 --> 00:39:52,990 >> एलीसन BUCHHOLTZ-ए.यू.: ओह, लड़के। 974 00:39:52,990 --> 00:39:53,460 >> दर्शक: वाह। 975 00:39:53,460 --> 00:39:54,460 >> टॉमस और एलीसन: हाँ। 976 00:39:54,460 --> 00:39:57,840 टॉमस Reimers: तो है कि सभी गद्दी है। 977 00:39:57,840 --> 00:39:59,255 मैं पिक्सल के लिए वापस जाने के लिए जा रहा हूँ। 978 00:39:59,255 --> 00:40:01,754 >> एलीसन BUCHHOLTZ-ए.यू.: पिक्सल मानक, जैसे हो जाते हैं। 979 00:40:01,754 --> 00:40:04,589 आप वेबसाइटों की एक बहुत देखो, वे ज्यादातर पिक्सल में काम करते हैं। 980 00:40:04,589 --> 00:40:07,755 टॉमस Reimers: तो आप को देखने के लिए जा रहे हैं या तो आप देख अन्य लोगों pixels-- 981 00:40:07,755 --> 00:40:13,952 एक उन्हें है, जो उन्हें है फ़ॉन्ट की ऊंचाई के बराबर 982 00:40:13,952 --> 00:40:15,160 जो आप वर्तमान में उपयोग कर रहे हैं। 983 00:40:15,160 --> 00:40:16,201 >> एलीसन BUCHHOLTZ-ए.यू.: मिमी। 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 टॉमस Reimers: यह कहने के लिए एक अच्छा तरीका है जैसे, मैं अपने फ़ॉन्ट के रूप में के रूप में ज्यादा जगह चाहते हैं 986 00:40:20,740 --> 00:40:21,514 ले जा रही है। 987 00:40:21,514 --> 00:40:23,180 एलीसन BUCHHOLTZ-ए.यू.: कि पता नहीं था। 988 00:40:23,180 --> 00:40:25,747 आप हर दिन कुछ नया सीखते हैं। 989 00:40:25,747 --> 00:40:27,955 टॉमस Reimers: वहाँ रहे हैं एक सीएस में माप की बहुत। 990 00:40:27,955 --> 00:40:29,260 मैं आप उन्हें देखने की सलाह देते हैं। 991 00:40:29,260 --> 00:40:32,122 आपके सभी मामलों के लिए, मुझे लगता है कि पिक्सल पर्याप्त होना चाहिए। 992 00:40:32,122 --> 00:40:33,830 और वे भी क्या कर रहे हैं आप को देखने के लिए जा रहे हैं 993 00:40:33,830 --> 00:40:36,520 ऑनलाइन किया उदाहरण के बहुमत में। 994 00:40:36,520 --> 00:40:38,320 इसलिए हम पिक्सल पर छोड़ दूँगा। 995 00:40:38,320 --> 00:40:42,420 >> तुम भी, मैं इतना say-- कर सकते हैं चाहिए padding समूह paddings सब के सब। 996 00:40:42,420 --> 00:40:49,789 आप भी ऐसा कुछ कर सकते हैं बस set-- करने के लिए "पैडिंग टॉप" 997 00:40:49,789 --> 00:40:52,080 एलीसन BUCHHOLTZ-ए.यू.: हो सकता है हम अपने "नमस्ते" वापस मिल जाएगा। 998 00:40:52,080 --> 00:40:55,480 टॉमस Reimers: सिर्फ सेट --to शीर्ष और कुछ नहीं पर गद्दी। 999 00:40:55,480 --> 00:40:59,560 तो चार आदेशों पैडिंग टॉप कर रहे हैं, गद्दी-नीचे, padding-left, 1000 00:40:59,560 --> 00:41:00,310 और padding-सही है। 1001 00:41:00,310 --> 00:41:02,470 >> एलीसन BUCHHOLTZ-ए.यू.: बस की तरह यदि आप एक बॉक्स के लिए उम्मीद करेंगे। 1002 00:41:02,470 --> 00:41:03,530 >> टॉमस Reimers: हाँ। 1003 00:41:03,530 --> 00:41:05,240 कुछ भी नहीं है वहाँ भी पागल। 1004 00:41:05,240 --> 00:41:08,230 कि मतलब? 1005 00:41:08,230 --> 00:41:11,990 तो यह है कि गद्दी है। 1006 00:41:11,990 --> 00:41:14,110 मैं सभी सेट करने के लिए जा रहा हूँ वापस करने के लिए 10 paddings। 1007 00:41:14,110 --> 00:41:17,010 और फिर मैं सीमा पर स्थानांतरित करने के लिए जा रहा हूँ। 1008 00:41:17,010 --> 00:41:21,130 >> तो क्या सीमा है सीमा एक अजीब आदेश है। 1009 00:41:21,130 --> 00:41:24,450 यह एक बार में तीन चीजों की तरह लेता है। 1010 00:41:24,450 --> 00:41:28,930 तो पहले आप को कितना बड़ा है यह एक माप के रूप में होना चाहता हूँ। 1011 00:41:28,930 --> 00:41:30,662 फिर से, मैं केवल पिक्सल का उपयोग कर रहा हूँ। 1012 00:41:30,662 --> 00:41:32,620 और आखिरी बात मैं मापन के लिए जोड़ना चाहिए 1013 00:41:32,620 --> 00:41:35,270 एक बात है जो एक यूनिट की जरूरत नहीं है शून्य है। 1014 00:41:35,270 --> 00:41:37,390 यह वास्तव में गलत है 0 एक इकाई देने के लिए, 1015 00:41:37,390 --> 00:41:41,940 0 0 इंच भर है, क्योंकि पिक्सल, सेंटीमीटर, जो भी हो। 1016 00:41:41,940 --> 00:41:43,960 यह सब सिर्फ सही, 0 मतलब है? 1017 00:41:43,960 --> 00:41:46,710 तो पहले आप को यह माप दे। 1018 00:41:46,710 --> 00:41:48,650 >> तो फिर तुम यह शैली दे। 1019 00:41:48,650 --> 00:41:49,869 तो मैं कहने जा रहा हूँ "ठोस।" 1020 00:41:49,869 --> 00:41:51,410 और हम हैं कि क्या मतलब के बारे में बात करेंगे। 1021 00:41:51,410 --> 00:41:54,290 और फिर अंत में, आप इसे एक रंग दे। 1022 00:41:54,290 --> 00:41:56,850 तो मैं कहने जा रहा हूँ "काला।" 1023 00:41:56,850 --> 00:41:59,637 और ये हम सब बातें कर रहे हैं अब शैली के लिए छोड़कर, पहले देखा, 1024 00:41:59,637 --> 00:42:00,720 लेकिन हम उस बारे में बात करेंगे। 1025 00:42:00,720 --> 00:42:04,120 तो तुम लोग माप देखा है, और आप रंगों को देखा है। 1026 00:42:04,120 --> 00:42:10,410 और क्या होता है जब हम इस मिल रहा है इसके चारों ओर अच्छा काले रंग की सीमा, है ना? 1027 00:42:10,410 --> 00:42:11,620 हम किया है कि कैसे तुम लोगों को देखते हैं? 1028 00:42:11,620 --> 00:42:12,760 >> दर्शक: हाँ। 1029 00:42:12,760 --> 00:42:14,850 >> टॉमस Reimers: कूल। 1030 00:42:14,850 --> 00:42:17,370 तो क्या है? 1031 00:42:17,370 --> 00:42:19,160 तो सब से पहले, यह एक पिक्सेल है। 1032 00:42:19,160 --> 00:42:20,880 यह ठीक है, काफी स्पष्ट है? 1033 00:42:20,880 --> 00:42:23,254 की तरह, यह एक पिक्सेल मोटी है। 1034 00:42:23,254 --> 00:42:26,170 या यह एक पिक्सेल होगा, लेकिन मैं कर रहा हूँ यह एक छोटा सा अधिक है तो, में उछाल 1035 00:42:26,170 --> 00:42:26,490 उस से भी। 1036 00:42:26,490 --> 00:42:27,967 >> एलीसन BUCHHOLTZ-ए.यू.: और हम हैं यह हास्यास्पद संकल्प टीवी। 1037 00:42:27,967 --> 00:42:29,460 >> टॉमस Reimers: हाँ। 1038 00:42:29,460 --> 00:42:33,640 आप इसे बड़ा कर सकते हैं, छोटे, जो भी हो। 1039 00:42:33,640 --> 00:42:35,630 यहाँ तो एक दो पिक्सेल सीमा है। 1040 00:42:35,630 --> 00:42:38,810 आप इसे मोटी दो बार के रूप में देखेंगे। 1041 00:42:38,810 --> 00:42:40,172 आपके पास अगली बात रंग है। 1042 00:42:40,172 --> 00:42:41,130 यह दिलचस्प नहीं है। 1043 00:42:41,130 --> 00:42:42,710 मैं बात करने के लिए नहीं जा रहा हूँ वास्तव में, इस बारे में। 1044 00:42:42,710 --> 00:42:45,110 >> एलीसन BUCHHOLTZ-ए.यू.: लेकिन शैली सिर्फ एक छोटे से दिलचस्प हो सकता है। 1045 00:42:45,110 --> 00:42:45,980 >> टॉमस Reimers: हाँ। 1046 00:42:45,980 --> 00:42:48,560 शैली तो, कुछ लोग हैं मैं आमतौर पर इस्तेमाल किया देखते हैं। 1047 00:42:48,560 --> 00:42:55,690 सबसे पहले एक ठोस, अगले एक डॉटेड, और पिछले एक के धराशायी। 1048 00:42:55,690 --> 00:42:59,290 और यहाँ बिंदीदार है। 1049 00:42:59,290 --> 00:43:02,980 आप वे कर रहे हैं कि देखेंगे डॉट्स की एक गुच्छा, है ना? 1050 00:43:02,980 --> 00:43:09,030 तरह का एक अच्छा सीमा पाने के लिए एक अच्छा तरीका जा रहा है, डैश भी बहुत लोकप्रिय हैं। 1051 00:43:09,030 --> 00:43:11,580 1052 00:43:11,580 --> 00:43:13,600 >> एलीसन BUCHHOLTZ-ए.यू.: और फिर बेशक, मैं कर रहा हूँ 1053 00:43:13,600 --> 00:43:16,660 यकीन है कि अन्य बहुत सारे हैं आप प्राप्त कर सकते हैं कि शैलियों। 1054 00:43:16,660 --> 00:43:20,000 और हम की एक महान सेट है आप लोगों के लिए अंत में लिंक 1055 00:43:20,000 --> 00:43:23,470 एक तरह से सोचना और अधिक ठंडा सीएसएस पर दिखेगा। 1056 00:43:23,470 --> 00:43:25,954 >> टॉमस Reimers: और फिर आखिरी बात यह है, हम कर रहे हैं 1057 00:43:25,954 --> 00:43:27,870 के बारे में बात करने जा रहा बॉक्स मॉडल असली जल्दी। 1058 00:43:27,870 --> 00:43:30,070 ओह, और उसके बाद सीमा, वास्तव में गद्दी की तरह, 1059 00:43:30,070 --> 00:43:33,270 आप यह भी पसंद बातें हैं सीमा-बाएँ, सीमा-सही, सीमा टॉप, 1060 00:43:33,270 --> 00:43:37,590 सीमा-नीचे, आप जो की अनुमति एक विशिष्ट सीमा पर पाने के लिए। 1061 00:43:37,590 --> 00:43:40,650 यहाँ तो सिर्फ सीमा छोड़ दिया परिभाषित है। 1062 00:43:40,650 --> 00:43:43,060 वह समझ में आता है? 1063 00:43:43,060 --> 00:43:46,170 >> एलीसन BUCHHOLTZ-ए.यू.: यह एक अच्छा है जिस तरह से बातें जोर देना या जोड़ने के लिए 1064 00:43:46,170 --> 00:43:47,545 विभिन्न तत्वों के बीच लाइनों। 1065 00:43:47,545 --> 00:43:48,670 टॉमस Reimers: बिल्कुल। 1066 00:43:48,670 --> 00:43:50,940 तो यह है कि हमारी सीमा है। 1067 00:43:50,940 --> 00:43:52,790 और पिछले एक के मार्जिन। 1068 00:43:52,790 --> 00:43:55,892 मार्जिन की तरह गद्दी यह within-- नहीं है सिवाय 1069 00:43:55,892 --> 00:43:57,975 एलीसन BUCHHOLTZ-ए.यू.: यह नहीं अपने तत्व के आसपास 1070 00:43:57,975 --> 00:44:00,840 लेकिन वास्तव में पूरे चारों ओर बॉक्स हम देख रहा है कि। 1071 00:44:00,840 --> 00:44:02,770 >> टॉमस Reimers: हाँ। 1072 00:44:02,770 --> 00:44:04,090 एलीसन पूरी तरह से यह कहा। 1073 00:44:04,090 --> 00:44:07,550 यह आपके अंदर है, की तरह नहीं है, तत्व है, यह पूरे बॉक्स के आसपास है। 1074 00:44:07,550 --> 00:44:10,900 उस तरह चीजों का मतलब पृष्ठभूमि यह करने के लिए लागू नहीं है। 1075 00:44:10,900 --> 00:44:13,550 और यह मूल रूप कहते हैं, की तरह, मैं कुछ नहीं चाहिए 1076 00:44:13,550 --> 00:44:15,230 मेरे लिए यह ज्यादा जगह में। 1077 00:44:15,230 --> 00:44:17,470 हमारे पास यहां की तरह तो 10 पिक्सल के एक मार्जिन। 1078 00:44:17,470 --> 00:44:23,100 10 पिक्सल के भीतर ऐसा कुछ भी नहीं है मेरे बगल में होना चाहिए। 1079 00:44:23,100 --> 00:44:26,210 उस की तरह है इसके अंतरिक्ष लेकिन एक तरह से नहीं। 1080 00:44:26,210 --> 00:44:29,215 तो यह है कि बहुत है बॉक्स मॉडल की मूल बातें। 1081 00:44:29,215 --> 00:44:30,090 कि मतलब? 1082 00:44:30,090 --> 00:44:33,830 1083 00:44:33,830 --> 00:44:34,550 कूल, शांत। 1084 00:44:34,550 --> 00:44:35,800 एलीसन BUCHHOLTZ-ए.यू.: बहुत बढ़िया। 1085 00:44:35,800 --> 00:44:37,890 तो अब मैं सिर्फ हम सोचते हमारे शांत संसाधन हैं 1086 00:44:37,890 --> 00:44:41,220 हम तुम लोगों को ले जाता हूँ कि बहुत जल्दी के माध्यम से। 1087 00:44:41,220 --> 00:44:44,815 और हम अच्छी तरह actually-- करेंगे, हम अभी तक इंटरनेट की क्या ज़रूरत है? 1088 00:44:44,815 --> 00:44:47,860 >> टॉमस Reimers: चलो मैं up-- खोल सकते हैं अगर देखना 1089 00:44:47,860 --> 00:44:50,040 मुझे बस अगर देखते हैं कि मैं जल्दी से इंटरनेट प्राप्त कर सकते हैं 1090 00:44:50,040 --> 00:44:53,317 एलीसन कुछ के बारे में बात करती है, जबकि एलीसन के बारे में बात करना चाहता है। 1091 00:44:53,317 --> 00:44:55,150 एलीसन BUCHHOLTZ-ए.यू.: तो basically-- मैं नहीं 1092 00:44:55,150 --> 00:44:57,930 मैं इस बिंदु पर कह सकते हैं और क्या पता है। 1093 00:44:57,930 --> 00:45:01,340 लेकिन इन कर रहे हैं कुछ वास्तव में अच्छा संसाधनों। 1094 00:45:01,340 --> 00:45:04,629 ये लोग कर रहे हैं कि टॉमस और मैं का इस्तेमाल किया है 1095 00:45:04,629 --> 00:45:06,420 और हम वास्तव में है कि इस बात के लिए तैयार करने के लिए प्रयोग किया जाता है। 1096 00:45:06,420 --> 00:45:09,940 W3Schools से एक यह है कि आप लोग पहले देखा जाना चाहिए था। 1097 00:45:09,940 --> 00:45:12,440 हम एक के लिए यह सलाह देते हैं सीएसएस के साथ बहुत सी चीजें। 1098 00:45:12,440 --> 00:45:15,060 मैं मैं करने के लिए यह सलाह देते हैं पता है मेरे अनुभाग हर समय। 1099 00:45:15,060 --> 00:45:21,050 >> महान चीज़ों में से एक यह है कि सीएसएस के साथ गड़बड़ की तरह करने के लिए आपको अनुमति देता है 1100 00:45:21,050 --> 00:45:23,830 और परिवर्तन देखने तत्क्षण इस में, 1101 00:45:23,830 --> 00:45:25,920 जैसे, डबल खिड़की यह है कि देखने के लिए। 1102 00:45:25,920 --> 00:45:29,980 तो क्या आप के बारे में चिंता करने की जरूरत नहीं है अपने स्वयं के वेब पेज की स्थापना, 1103 00:45:29,980 --> 00:45:33,090 या में vhost निर्धारित करना स्थानीय उपकरणों और स्थानीय मेजबान, 1104 00:45:33,090 --> 00:45:34,980 और वह सब सामान काम कर रही है। 1105 00:45:34,980 --> 00:45:36,830 यह सही पृष्ठ के भीतर एम्बेडेड है। 1106 00:45:36,830 --> 00:45:39,042 >> और यह इन छोटी है सबक यह है कि आप कर सकते हैं 1107 00:45:39,042 --> 00:45:40,750 जानने के लिए के माध्यम से जाना चयनकर्ताओं के बारे में अधिक है, 1108 00:45:40,750 --> 00:45:44,610 या जोड़ तोड़ के बारे में जानने के लिए अपने फ़ॉन्ट, या एक पृष्ठभूमि है, या एक छवि। 1109 00:45:44,610 --> 00:45:46,990 और अगर आप इन किया है तात्कालिक परिणाम है कि आप 1110 00:45:46,990 --> 00:45:49,310 किसी भी करने के लिए नहीं है के लिए अन्य तैयार करने का काम करते हैं। 1111 00:45:49,310 --> 00:45:51,060 इसलिए मैं W3Schools से प्यार करते हैं। 1112 00:45:51,060 --> 00:45:51,960 यह शानदार है। 1113 00:45:51,960 --> 00:45:52,670 यह काम कर रहा है? 1114 00:45:52,670 --> 00:45:52,950 >> टॉमस Reimers: हाँ। 1115 00:45:52,950 --> 00:45:53,720 नहीं, ऐसा नहीं है। 1116 00:45:53,720 --> 00:45:55,636 तुम मुझे कोशिश करना चाहते हैं और अपने कंप्यूटर को पुनः आरंभ? 1117 00:45:55,636 --> 00:45:56,410 या हम to-- चाहते हैं 1118 00:45:56,410 --> 00:46:01,490 >> एलीसन BUCHHOLTZ-ए.यू.: मेरा मतलब है, खैर, यह भी ऑनलाइन हो जाएगा। 1119 00:46:01,490 --> 00:46:02,740 सभी स्लाइड ऑनलाइन हो जाएगा। 1120 00:46:02,740 --> 00:46:05,470 इसलिए मैं सिर्फ अत्यधिक इन करने की सिफारिश। 1121 00:46:05,470 --> 00:46:07,880 >> यह बस के रूप में महान है एक धोखा शीट की तरह। 1122 00:46:07,880 --> 00:46:10,690 यह सिर्फ सभी बुनियादी है आपको लगता है कि हासिल है। 1123 00:46:10,690 --> 00:46:13,070 जब आप पहली बार कर रहे हैं यह बहुत अच्छी बात है अपनी वेबसाइट बाहर शुरू। 1124 00:46:13,070 --> 00:46:15,080 हो सकता है आप नहीं है सभी में प्राप्त करना चाहते हैं 1125 00:46:15,080 --> 00:46:17,355 किरकिरा असली जुओं से भरा हुआ डिजाइन भारी सामान। 1126 00:46:17,355 --> 00:46:20,230 तुम सिर्फ एक तरह से यह प्रारूप करने की जरूरत है उस तरह की भावना और इच्छा बनाता है 1127 00:46:20,230 --> 00:46:21,490 कुछ समय के लिए करते हैं। 1128 00:46:21,490 --> 00:46:23,580 और तुम सच में चाहते हैं इसे में प्राप्त करने के लिए, मुझे पता है 1129 00:46:23,580 --> 00:46:27,240 इस तरह, में से एक है टॉमस की पसंदीदा संदर्भ। 1130 00:46:27,240 --> 00:46:30,130 हम यह करने के लिए इस्तेमाल कर रहे थे प्रस्तुत करने का, और यह शानदार है। 1131 00:46:30,130 --> 00:46:33,030 यह मोज़िला से डेवलपर की। 1132 00:46:33,030 --> 00:46:36,490 >> टॉमस Reimers: तो मोज़िला हैं फ़ायरफ़ॉक्स जो लोग। 1133 00:46:36,490 --> 00:46:40,290 और यह सिर्फ अपने निजी डेवलपर की मुझे लगता है कि जो संदर्भ, कमाल है। 1134 00:46:40,290 --> 00:46:44,870 और यह एक अद्भुत है संसाधनों की सूची। 1135 00:46:44,870 --> 00:46:45,530 इसलिए हम have-- 1136 00:46:45,530 --> 00:46:48,060 >> एलीसन BUCHHOLTZ-ए.यू.: और फिर पिछले नोट है 1137 00:46:48,060 --> 00:46:50,120 जब आप करने की कोशिश कर रहे हैं , अपनी वेबसाइट डिजाइन 1138 00:46:50,120 --> 00:46:53,550 बातों से प्रेरणा लेते हैं कि आप सुंदर हैं। 1139 00:46:53,550 --> 00:46:56,340 तत्व का निरीक्षण स्रोत कोड का निरीक्षण 1140 00:46:56,340 --> 00:46:59,370 सुपर सहायक हो सकता है यह पता लगाने की कोशिश कर के लिए 1141 00:46:59,370 --> 00:47:02,080 कैसे अपनी खुद की वेबसाइट शैली के लिए। 1142 00:47:02,080 --> 00:47:04,540 >> अक्सर, मैं सबसे अच्छा तरह लग रहा है इस तरह, प्रयोग के अलावा, 1143 00:47:04,540 --> 00:47:06,290 बस में लग रहा है सुंदर चीजें हैं जो। 1144 00:47:06,290 --> 00:47:09,810 मैं इसे सिर्फ करने के लिए वास्तव में मुश्किल है लगता है एक तरह से अपने दम पर बातें डिजाइन, 1145 00:47:09,810 --> 00:47:11,090 विशेष रूप से शुरुआत में। 1146 00:47:11,090 --> 00:47:14,740 इसलिए वेबसाइटों को देखने के लिए कृपया आप देख रहे है कि आनंद। 1147 00:47:14,740 --> 00:47:16,880 समझ क्या उन्हें आप के लिए अपील। 1148 00:47:16,880 --> 00:47:19,170 और फिर करने के लिए स्वतंत्र महसूस हो रहा है कोशिश करते हैं और कि दोहराने। 1149 00:47:19,170 --> 00:47:20,410 >> टॉमस Reimers: ठीक है। 1150 00:47:20,410 --> 00:47:23,120 यहां तक ​​कि वेबसाइटों की तरह इस तरह से, आप देख सकते हैं 1151 00:47:23,120 --> 00:47:25,460 शीर्ष पर एक div निश्चित रूप से नहीं है। 1152 00:47:25,460 --> 00:47:29,920 और फिर आप के भीतर एक और div के पास यहाँ, जो सीएसएस Awesomeness है। 1153 00:47:29,920 --> 00:47:32,480 और फिर तुम यहाँ लिंक का एक गुच्छा है। 1154 00:47:32,480 --> 00:47:34,770 आप वास्तव में सिर्फ निरीक्षण हैं तत्वों, आप की तरह कर सकते हैं 1155 00:47:34,770 --> 00:47:38,520 वेबसाइटों क्या कर देखना शुरू की तरह लग रही है, और मैं कैसे कर सकते हैं 1156 00:47:38,520 --> 00:47:40,493 अगर मैं चाहता था कि बहलाना। 1157 00:47:40,493 --> 00:47:41,890 कि मतलब? 1158 00:47:41,890 --> 00:47:43,670 इसलिए हम केवल बाईं तीन मिनट है। 1159 00:47:43,670 --> 00:47:46,380 सवाल तो? 1160 00:47:46,380 --> 00:47:47,650 उनमें से किसी को? 1161 00:47:47,650 --> 00:47:48,350 हाँ। 1162 00:47:48,350 --> 00:47:50,780 >> दर्शक: रंग के लिए आयत, तुम कैसे होगा 1163 00:47:50,780 --> 00:47:53,499 आप यह नहीं चाहते थे कि अगर have-- , पूरे पृष्ठ भर सका जा रहा 1164 00:47:53,499 --> 00:47:56,400 आप इसे ही पार जाना बना दिया है आधे पेज या सिर्फ पाठ? 1165 00:47:56,400 --> 00:47:59,660 >> टॉमस Reimers: हाँ, बिल्कुल। 1166 00:47:59,660 --> 00:48:02,780 तो मुझे वास्तव में देखते हैं। 1167 00:48:02,780 --> 00:48:04,670 मैं दो विचार है। 1168 00:48:04,670 --> 00:48:07,265 तो सब से पहले, आप यह भी percents उपयोग कर सकते हैं। 1169 00:48:07,265 --> 00:48:08,140 >> दर्शक: सच में? 1170 00:48:08,140 --> 00:48:11,260 >> एलीसन BUCHHOLTZ-ए.यू.: तो कुछ देखने के लिए सापेक्ष स्थिति है। 1171 00:48:11,260 --> 00:48:13,385 यह कुछ ऐसा है कि हम में पाने के लिए समय नहीं है, 1172 00:48:13,385 --> 00:48:16,392 लेकिन यह मैं निश्चित रूप से कुछ है तुम लोगों को बाहर की जाँच की सिफारिश। 1173 00:48:16,392 --> 00:48:17,580 >> टॉमस Reimers: तो percents। 1174 00:48:17,580 --> 00:48:21,524 हम इसे बनाया है और कैसे देखते हैं चौड़ाई का सिर्फ 50%? 1175 00:48:21,524 --> 00:48:24,190 एलीसन BUCHHOLTZ-ए.यू.: यदि आप वास्तव में पिक्सेल की संख्या पता है, 1176 00:48:24,190 --> 00:48:25,780 आपको लगता है कि जिस तरह से और अधिक सटीक हो सकते हैं। 1177 00:48:25,780 --> 00:48:27,200 आप इसके साथ बेला के आसपास जा सकता है। 1178 00:48:27,200 --> 00:48:27,700 लेकिन 50%। 1179 00:48:27,700 --> 00:48:31,970 हम अपने ब्राउज़र का आकार बदलने के लिए गए थे, यह यह छोटा करना होगा। 1180 00:48:31,970 --> 00:48:35,250 >> टॉमस Reimers: खैर, यह है मूल रूप से 50% अब ठीक है, मुझे लगता है। 1181 00:48:35,250 --> 00:48:38,820 यह तो मार्जिन 50% है, और उस करने के लिए जोड़ा गया है। 1182 00:48:38,820 --> 00:48:40,100 सीएसएस quirks के एक बहुत है। 1183 00:48:40,100 --> 00:48:43,195 इसलिए अभी यह है पृष्ठ चौड़ाई का 50%। 1184 00:48:43,195 --> 00:48:46,860 लेकिन अगर आप 10 है कि याद पिक्सल हर तरफ से बंद कर लिया। 1185 00:48:46,860 --> 00:48:49,700 तो अगर आप के खिलाफ है कि स्थानांतरित करने के लिए थे ब्राउज़र के बाएँ किनारे, 1186 00:48:49,700 --> 00:48:51,550 तो यह 50% की तरह लग रही होगी। 1187 00:48:51,550 --> 00:48:53,884 जैसा मैंने कहा फिर, सीएसएस कर सकते हैं अनुमान है और जांच की एक बहुत हो। 1188 00:48:53,884 --> 00:48:56,049 जैसे, यदि आप कुछ लगता है एक तरह से व्यवहार करने के लिए जा रहा है, 1189 00:48:56,049 --> 00:48:57,805 लेकिन यह पूरी तरह से एक अलग तरह से व्यवहार करता है। 1190 00:48:57,805 --> 00:48:59,420 >> एलीसन BUCHHOLTZ-ए.यू.: और तुम बस, होशियार हो 1191 00:48:59,420 --> 00:49:02,020 और तुम सिर्फ एक बेहतर हो इसके लिए अंतर्ज्ञान आप के साथ कदम के रूप में। 1192 00:49:02,020 --> 00:49:02,730 >> टॉमस Reimers: और यह बदतर और बदतर हो जाता है। 1193 00:49:02,730 --> 00:49:03,496 तो यह वास्तव में सिर्फ एक दौड़ है। 1194 00:49:03,496 --> 00:49:05,454 >> एलीसन BUCHHOLTZ-ए.यू.: यही कारण है कि सुपर उत्साहजनक है। 1195 00:49:05,454 --> 00:49:07,070 हम उन्हें सीएसएस पसंद करने के लिए चाहते हैं। 1196 00:49:07,070 --> 00:49:08,810 >> टॉमस Reimers: सीएसएस भयानक है। 1197 00:49:08,810 --> 00:49:10,354 याद रखें कि। 1198 00:49:10,354 --> 00:49:11,020 अन्य प्रश्न? 1199 00:49:11,020 --> 00:49:14,297 >> एलीसन BUCHHOLTZ-ए.यू.: एक बात। 1200 00:49:14,297 --> 00:49:14,880 कुछ और? 1201 00:49:14,880 --> 00:49:15,140 बिंदास। 1202 00:49:15,140 --> 00:49:15,690 >> टॉमस Reimers: बहुत बढ़िया। 1203 00:49:15,690 --> 00:49:18,523 >> एलीसन BUCHHOLTZ-ए.यू.: ठीक है, तुम अगर दोस्तों, पर बाद में कोई प्रश्न हैं, 1204 00:49:18,523 --> 00:49:20,919 हम हमेशा हमेशा की प्रति के रूप में उपलब्ध हो। 1205 00:49:20,919 --> 00:49:22,960 तुम्हें शायद कुछ देखेंगे अंतिम परियोजनाओं के लिए हम में से 1206 00:49:22,960 --> 00:49:24,280 और निश्चित रूप से hackathon पर। 1207 00:49:24,280 --> 00:49:25,200 >> टॉमस Reimers: बिल्कुल। 1208 00:49:25,200 --> 00:49:25,720 और मेले में। 1209 00:49:25,720 --> 00:49:26,560 >> एलीसन BUCHHOLTZ-ए.यू.: और मेले में। 1210 00:49:26,560 --> 00:49:26,840 ओह। 1211 00:49:26,840 --> 00:49:28,130 >> टॉमस Reimers: के लिए तत्पर हैं अपने awesome-- के सभी देखकर 1212 00:49:28,130 --> 00:49:29,420 >> एलीसन BUCHHOLTZ-ए.यू.: हम देखेंगे अपने भयानक वेबसाइटों के सभी 1213 00:49:29,420 --> 00:49:30,572 कि सुंदर हो जाएगा। 1214 00:49:30,572 --> 00:49:32,780 टॉमस Reimers: आप हमेशा कर सकते हैं , जैसे, वेबसाइटों को देखने के 1215 00:49:32,780 --> 00:49:36,234 कौन है, तो पसंद है, अच्छा सीएसएस और था सीएसएस क्या करने की कोशिश नहीं की थी, जो उन लोगों की तरह। 1216 00:49:36,234 --> 00:49:39,150 एलीसन BUCHHOLTZ-ए.यू.: इसके अलावा, एक और बात यह है कि इस पर गौर करने के लिए एक और बात 1217 00:49:39,150 --> 00:49:40,445 Bootstrapping है। 1218 00:49:40,445 --> 00:49:41,805 इसलिए बूटस्ट्रैप महान है। 1219 00:49:41,805 --> 00:49:42,240 >> टॉमस Reimers: गूगल कि अगर you-- 1220 00:49:42,240 --> 00:49:43,573 >> एलीसन BUCHHOLTZ-ए.यू.: गूगल यह। 1221 00:49:43,573 --> 00:49:44,340 यह शानदार है। 1222 00:49:44,340 --> 00:49:45,620 तुम इसे प्यार करती हूँ। 1223 00:49:45,620 --> 00:49:48,000 और अब आप एक है कि सीएसएस की बुनियादी समझ, 1224 00:49:48,000 --> 00:49:50,340 यह एक बहुत अधिक समझ बनाने के लिए करेंगे। 1225 00:49:50,340 --> 00:49:50,890 बहुत बढ़िया। 1226 00:49:50,890 --> 00:49:51,480 धन्यवाद, दोस्तों। 1227 00:49:51,480 --> 00:49:53,330 >> टॉमस Reimers: बहुत-बहुत धन्यवाद। 1228 00:49:53,330 --> 00:49:54,219