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 ALLISON BUCHHOLTZ والاتحاد الافريقي: لذلك نحن في الأساس مجرد الذهاب 5 00:00:12,224 --> 00:00:14,629 لتعطيك المتهدمة من CSS، لأننا نعرف 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 بحيث عند الخروج وكنت البحث الأشياء عن CSS، 14 00:00:42,340 --> 00:00:45,902 انها ليست استكمال رطانة، مثل CSS أحيانا أن تكون. 15 00:00:45,902 --> 00:00:47,240 >> TOMAS REIMERS: نعم. 16 00:00:47,240 --> 00:00:49,930 وقال أليسون جيدا جدا. 17 00:00:49,930 --> 00:00:53,250 لذلك أعتقد أن أول شيء نحن ينبغي أن تبدأ مع ما هو CSS؟ 18 00:00:53,250 --> 00:00:55,750 حتى CSS رائع. 19 00:00:55,750 --> 00:00:56,250 CSS-- 20 00:00:56,250 --> 00:00:58,320 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: هذا اسم ندوة لدينا. 21 00:00:58,320 --> 00:00:58,434 >> TOMAS REIMERS: نعم. 22 00:00:58,434 --> 00:01:00,130 من المهم حقا أن عليك أن تدرك أن بحلول ذلك الوقت. 23 00:01:00,130 --> 00:01:03,090 إذا كنت تأخذ فقط بعيدا واحدة شيء، فهو أن CSS إذا رهيبة. 24 00:01:03,090 --> 00:01:06,180 الثاني هو CSS لتقف على صفحات الطرز المتراصة. 25 00:01:06,180 --> 00:01:10,380 حتى في صميمها، CSS هو ورقة أنماط، وهذا يعني 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: لا أسلوب حتى الآن. 37 00:01:38,412 --> 00:01:39,245 TOMAS REIMERS: لا شيء. 38 00:01:39,245 --> 00:01:42,577 وكما سترى، انها موقع القبيح حقا. 39 00:01:42,577 --> 00:01:44,160 ALLISON BUCHHOLTZ والاتحاد الافريقي: انها مجرد سهل. 40 00:01:44,160 --> 00:01:45,820 TOMAS REIMERS: نعم. 41 00:01:45,820 --> 00:01:49,150 نعم، انها ليست قبيحة، انها مجرد الحد الأدنى. 42 00:01:49,150 --> 00:01:53,430 ثم لدينا هنا index.html و. 43 00:01:53,430 --> 00:01:55,729 وذلك لسريعة خلاصة من HTML، أليسون، 44 00:01:55,729 --> 00:01:57,270 كنت تريد أن مجرد الحديث عن الصفحة؟ 45 00:01:57,270 --> 00:01:58,395 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 46 00:01:58,395 --> 00:02:01,100 لذلك من الواضح، لدينا HTML العلامة، التي أسماء فقط ملف HTML. 47 00:02:01,100 --> 00:02:07,080 لدينا رأس لدينا هنا، مع CSS الذهول، which-- إذا كنت أعود. 48 00:02:07,080 --> 00:02:07,720 أين هذا؟ 49 00:02:07,720 --> 00:02:09,136 >> TOMAS REIMERS: أوه. 50 00:02:09,136 --> 00:02:10,301 نعم، يمكنك أن ترى. 51 00:02:10,301 --> 00:02:12,092 ALLISON 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 >> TOMAS REIMERS: بارد. 63 00:02:40,340 --> 00:02:41,111 إضافة نوع وثيقة؟ 64 00:02:41,111 --> 00:02:42,235 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 65 00:02:42,235 --> 00:02:43,068 TOMAS REIMERS: نعم. 66 00:02:43,068 --> 00:02:43,769 باردة. 67 00:02:43,769 --> 00:02:46,102 ALLISON BUCHHOLTZ والاتحاد الافريقي: على ما يبدو، ميكروفونات بلدي لا يحبون لي. 68 00:02:46,102 --> 00:02:49,650 TOMAS REIMERS: أوه، تعطينا ثانية فقط في حين أليسون مفاتيح من هيئة التصنيع العسكري لها. 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 >> لذا من هناك، دعونا الحديث عن ما هو CSS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: العودة إلى الشرائح. 81 00:03:13,755 --> 00:03:15,200 TOMAS REIMERS: عودة إلى الشرائح. 82 00:03:15,200 --> 00:03:17,240 ويمكن أليسون تولي المسؤولية. 83 00:03:17,240 --> 00:03:18,720 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: وو. 84 00:03:18,720 --> 00:03:19,220 موافق. 85 00:03:19,220 --> 00:03:22,360 حتى في ملف CSS الخاص بك، كنت ستكون لدينا 86 00:03:22,360 --> 00:03:25,010 الكثير من هذه الأشياء تسمى محددات. 87 00:03:25,010 --> 00:03:27,420 وسيكون ذلك مجرد أساس ملف CSS الخاص بك. 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 أو الفقرة مع P، أو رأس، أو أيا كان، 100 00:04:00,262 --> 00:04:02,000 كل ما تريد علامات HTML الخاصة بك لتكون. 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 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: من الواضح، مع CSS، كل شيء يعتمد على نفسها. 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 >> TOMAS REIMERS: لذلك دعونا نوع من تشريح هذا. 139 00:05:41,930 --> 00:05:44,210 لذلك كنت تريد أن تبدأ مع محدد هنا؟ 140 00:05:44,210 --> 00:05:45,979 >> ALLISON 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 >> TOMAS REIMERS: ما أنا أغلقت فقط. 144 00:05:53,245 --> 00:05:54,530 أعطني الثانية. 145 00:05:54,530 --> 00:05:58,286 حتى ملف، فتح، index.html و. 146 00:05:58,286 --> 00:05:59,410 ALLISON 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 >> حتى لو كنا للذهاب الى index.html و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 >> TOMAS 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 >> ALLISON 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 >> TOMAS REIMERS: هل هذا معقول نوعا من كيف تسير الامور تغليف أشياء أخرى؟ 183 00:07:35,349 --> 00:07:38,140 ALLISON BUCHHOLTZ والاتحاد الافريقي: أيضا، فقط أن أقول، مثل، واحدة من أفضل الطرق 184 00:07:38,140 --> 00:07:40,889 للحصول حقا مريحة مع CSS هو فقط أن تفعل أشياء مثل هذه، 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 وكما هو الحال مع معظم CS، يمكن التجريب في كثير من الأحيان 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 >> TOMAS 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 >> حتى في CSS، CSS هو نوع من فضفاضة جدا حول كيفية 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: I تعتقد أنك يمكن أن تستخدم عرافة. 203 00:08:31,170 --> 00:08:31,250 لا يمكن لك؟ 204 00:08:31,250 --> 00:08:32,083 >> TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: يمكنك أن تفعل غير قليل. 209 00:08:37,260 --> 00:08:43,350 الى حد كبير مثل معظم الألوان التي يمكن name-- مثل، وأعتقد أن سمك السلمون واحد. 210 00:08:43,350 --> 00:08:45,322 >> TOMAS REIMERS: نحن السلمون سأحاول. 211 00:08:45,322 --> 00:08:47,530 ALLISON BUCHHOLTZ والاتحاد الافريقي: I أعتقد أخضر مصفر هو في هناك. 212 00:08:47,530 --> 00:08:48,050 TOMAS 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 >> ALLISON 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 >> TOMAS 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 >> حتى FF يحدث لتمثيل ست عشري 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: بالضبط. 235 00:09:46,380 --> 00:09:52,900 بحيث يكون لديك السيطرة الكاملة الى حد كبير أكثر من الألوان التي تريدها ضمن CSS. 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 >> TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه، انها جيدة جدا. 244 00:10:07,200 --> 00:10:09,090 أنا أحب اللون المنتقى. 245 00:10:09,090 --> 00:10:11,360 >> TOMAS REIMERS: colorpicker.com هو مثال جيد. 246 00:10:11,360 --> 00:10:14,580 وهنا، سترى أن لديك لون منقار فوتوشوب تشبه الكامل. 247 00:10:14,580 --> 00:10:14,920 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: مم-HM. 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 TOMAS 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 لأنه مجرد من السهل حقا طريقة لمرجع الأمور في CS. 256 00:10:39,590 --> 00:10:40,350 >> ALLISON 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 >> TOMAS REIMERS: أليسون نتحدث عن واحدا تلو أدوبي دعا Kuler، على ما أعتقد. 265 00:11:04,260 --> 00:11:04,885 انها K-U-L-E-R. 266 00:11:04,885 --> 00:11:06,259 ALLISON BUCHHOLTZ والاتحاد الافريقي: أعتقد ذلك. 267 00:11:06,259 --> 00:11:07,610 أنا متأكد من أن هذا واحد. 268 00:11:07,610 --> 00:11:11,050 >> TOMAS REIMERS: بلدي المفضل لديه كان دائما نظام الألوان مصمم. 269 00:11:11,050 --> 00:11:13,998 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه. 270 00:11:13,998 --> 00:11:16,010 >> TOMAS REIMERS: أيهما now-- 271 00:11:16,010 --> 00:11:16,860 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: آه، وهذا هو الجميل. 272 00:11:16,860 --> 00:11:18,818 >> TOMAS 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 >> العودة إلى CSS الفعلي. 285 00:11:57,863 --> 00:12:01,112 ALLISON BUCHHOLTZ والاتحاد الافريقي: ولكن من الواضح، أننا أعرف قد تكون هذه المراجع مفيدة. 286 00:12:01,112 --> 00:12:03,195 TOMAS REIMERS: لا، إنهم بالتأكيد يمكن أن تكون مفيدة. 287 00:12:03,195 --> 00:12:04,720 ولذلك فإن القاعدة الثانية، أليسون؟ 288 00:12:04,720 --> 00:12:05,844 >> ALLISON 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 TOMAS REIMERS: أنا لا فعلا معرفة ما إذا كان هناك واحد أرق. 296 00:12:24,140 --> 00:12:24,680 ALLISON 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 أو مائل، أو غيرها. 305 00:12:49,710 --> 00:12:53,570 أو حتى الخط لون، إذا أردنا تغيير ذلك. 306 00:12:53,570 --> 00:12:55,621 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: عودة. 317 00:13:14,424 --> 00:13:17,590 TOMAS 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 ALLISON 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 ومن ثم لدينا الطبقة، وهو عندما نحدد في ملف CSS لدينا، 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 TOMAS REIMERS: Octothorpe. 344 00:14:30,790 --> 00:14:32,430 ALLISON 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 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ثانية واحدة. 361 00:15:12,525 --> 00:15:13,540 TOMAS 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 هو أننا كنت gonna find-- 365 00:15:23,067 --> 00:15:24,150 ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه. 366 00:15:24,150 --> 00:15:24,983 TOMAS REIMERS: نعم. 367 00:15:24,983 --> 00:15:27,570 ونحن في طريقنا لإيجاد "هذا هو النص 1 "، و" هذا هو 2. النص " 368 00:15:27,570 --> 00:15:28,650 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: و اللون الأصفر من جميل. 369 00:15:28,650 --> 00:15:31,066 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: دعونا نبدأ مع معرف. 377 00:15:48,405 --> 00:15:50,405 >> TOMAS REIMERS: وعلى حد سواء من هذه هي الصفات. 378 00:15:50,405 --> 00:15:53,200 لذلك توجد سمات في HTML. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: كنت مجرد الذهاب أن أقول، من مثال بك من PSET 7، 384 00:16:03,950 --> 00:16:06,650 إذا كان أي من محاولة محاذاة الأشياء إلى المركز، 385 00:16:06,650 --> 00:16:08,550 كنت قد استخدمت "النص محاذاة = الوسط." 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 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: انها سيصبح فائقة خاص. 399 00:16:39,950 --> 00:16:42,360 TOMAS REIMERS: هذا واحد، لدينا معرف خاص. 400 00:16:42,360 --> 00:16:48,140 وبالتالي فإن الطريقة لتحديد ذلك، إذن، هو في main.css، بدلا من أن يكون علامة ص، 401 00:16:48,140 --> 00:16:51,500 تفعل #special، OK؟ 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 TOMAS 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 >> TOMAS REIMERS: نعم. 414 00:17:16,359 --> 00:17:16,900 الحضور: OK. 415 00:17:16,900 --> 00:17:20,887 ثم ماذا يحدث إذا كنت ثم إعطاء انها بعض القواعد في CSS ذلك الصراع؟ 416 00:17:20,887 --> 00:17:21,970 TOMAS 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 لذلك دعونا نتظاهر كان لي ثلاث فقرات وI 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 وتلاحظ أن الجنيه ونقطة وجود لها إلا داخل ملف CSS، 432 00:18:11,950 --> 00:18:12,797 لا داخل HTML. 433 00:18:12,797 --> 00:18:13,880 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 434 00:18:13,880 --> 00:18:15,185 تمييز مهم. 435 00:18:15,185 --> 00:18:17,510 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: قد لا المستحسن لموقع الويب الخاص بك. 445 00:18:42,401 --> 00:18:43,880 ولكن لأغراضنا، وأنها سوف تفعل. 446 00:18:43,880 --> 00:18:46,294 >> TOMAS REIMERS: انها ليست مخطط اللون جيدة. 447 00:18:46,294 --> 00:18:49,210 ALLISON BUCHHOLTZ والاتحاد الافريقي: حسنا، الأصفر والأزرق هي بلدي الألوان المدرسة الثانوية. 448 00:18:49,210 --> 00:18:50,947 أنا لا أعرف، وإن كان. 449 00:18:50,947 --> 00:18:53,530 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم، أود أن نسمي هذا، مثل، الأصفر أو الأزرق. 455 00:19:05,820 --> 00:19:08,314 >> TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: ومن ثم عليك تريد أن تضيف "جميلة" لواحد الأوسط. 470 00:19:49,180 --> 00:19:49,971 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: --has جريء خلفية صفراء مع النص الأزرق. 485 00:20:26,160 --> 00:20:29,330 ولنا الماضي واحد لديه فقط النص الأزرق أننا المسندة إليها. 486 00:20:29,330 --> 00:20:30,870 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: هل نريد ل الحديث عن الصراع الان بعد ذلك؟ 490 00:20:34,720 --> 00:20:35,780 >> TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: ربما هذا واحد يغير الخلفية؟ 495 00:20:47,240 --> 00:20:48,090 TOMAS REIMERS: نعم. 496 00:20:48,090 --> 00:20:51,699 لذلك نحن ذاهبون لجعل "جميلة" تغيير الخلفية لسمك السلمون. 497 00:20:51,699 --> 00:20:54,740 ALLISON BUCHHOLTZ والاتحاد الافريقي: أنت فقط مع كل الألوان كبيرة اليوم، توماس. 498 00:20:54,740 --> 00:20:55,573 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: دعونا نحاول ذلك. 504 00:21:04,572 --> 00:21:07,735 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أي فكرة؟ 509 00:21:17,522 --> 00:21:20,002 >> الجمهور: (غير مسموع). 510 00:21:20,002 --> 00:21:20,920 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: لذلك هذا هو حيث المتتالية حيز التنفيذ. 514 00:21:27,860 --> 00:21:31,080 >> TOMAS 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 >> ALLISON 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 >> TOMAS REIMERS: أو ربما كنت لا تريد الكتابة القواعد. 523 00:21:53,340 --> 00:21:53,920 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أو ربما لديك. 524 00:21:53,920 --> 00:21:54,300 نعم. 525 00:21:54,300 --> 00:21:57,175 >> TOMAS 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 خصائص، هل يمكن أن تفعل شيئا مثل "الخط الوزن = طبيعي" 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: التجريب. 534 00:22:18,080 --> 00:22:20,090 >> TOMAS REIMERS: الممارسة، والممارسة، الممارسة، والتجربة. 535 00:22:20,090 --> 00:22:22,950 أنا أعرف الكثير من الناس يعتقدون CSS هو مجرد الكثير من التخمين والاختيار 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 >> TOMAS REIMERS: لا، ليس على الإطلاق. 543 00:22:40,992 --> 00:22:45,764 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ما يهم هو النظام داخل ورقة الأنماط CSS الخاص بك. 544 00:22:45,764 --> 00:22:47,430 الجمهور: هل يمكنك تكرار السؤال؟ 545 00:22:47,430 --> 00:22:50,680 TOMAS REIMERS: أوه. 546 00:22:50,680 --> 00:22:53,990 ALLISON BUCHHOLTZ والاتحاد الافريقي: ضمن الطبقة، وعندما كنت إعطاء دروس 547 00:22:53,990 --> 00:22:56,964 إلى شيء في HTML، يفعل يهم أي ترتيب انهم في؟ 548 00:22:56,964 --> 00:22:58,130 لا يهم هذا الأمر. 549 00:22:58,130 --> 00:23:02,915 ما يهم هو ترتيب محددات الطبقة داخل CSS الخاص بك، 550 00:23:02,915 --> 00:23:04,306 ضمن ورقة نمط حياتك. 551 00:23:04,306 --> 00:23:06,982 >> TOMAS REIMERS: جيد الصوت؟ 552 00:23:06,982 --> 00:23:08,532 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: جميل. 553 00:23:08,532 --> 00:23:11,539 >> TOMAS REIMERS: وبعد ذلك ونحن في طريقنا لمواصلة علي: 554 00:23:11,539 --> 00:23:13,330 ALLISON 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 >> TOMAS REIMERS: نحن نصل الى الجمع بين محددات قريبا. 560 00:23:20,540 --> 00:23:22,790 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه، نحصل على الجمع بين محددات. 561 00:23:22,790 --> 00:23:25,260 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: كلب حاد. 565 00:23:34,875 --> 00:23:36,470 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: I يشعر وكأنه هذا هو 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 >> TOMAS 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 ALLISON 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 يمكنك الجمع فقط لهم حيث تتداخل. 618 00:25:58,592 --> 00:26:00,670 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: جيد لتلك الأنواع من الاستثناءات. 627 00:26:17,955 --> 00:26:21,220 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: نحن تقريبا هناك. 632 00:26:31,400 --> 00:26:34,022 TOMAS REIMERS: وذلك توقف الاتصال. 633 00:26:34,022 --> 00:26:36,494 ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه، لا. 634 00:26:36,494 --> 00:26:39,125 ALLISON BUCHHOLTZ والاتحاد الافريقي: CS في مكتب والإنترنت وتنخفض. 635 00:26:39,125 --> 00:26:40,360 أوه، والسخرية. 636 00:26:40,360 --> 00:26:45,620 >> TOMAS 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 ALLISON 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 >> TOMAS REIMERS: أوه، آسف. 646 00:27:03,990 --> 00:27:06,180 >> ALLISON 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 TOMAS 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 ما هذا يقول هو، I أريد منك أن تتطابق كل شيء 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 حتى في CSS، انها كل شيء عن نوع من أن تكون قادرة على تطابق هذه العناصر. 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 ومن ثم لدينا ارتباط، OK؟ 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: بارد. 669 00:28:14,460 --> 00:28:16,420 TOMAS REIMERS: Coo-- دعونا ذهاب والطبقة جميلة. 670 00:28:16,420 --> 00:28:16,930 لماذا لا؟ 671 00:28:16,930 --> 00:28:17,971 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: OK. 672 00:28:17,971 --> 00:28:23,040 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: هل تريد إضافة نص 677 00:28:29,620 --> 00:28:31,078 حتى الارتباط التشعبي يظهر في الواقع يصل؟ 678 00:28:31,078 --> 00:28:35,088 TOMAS REIMERS: هذا ستكون الكلمة الطيبة. 679 00:28:35,088 --> 00:28:37,921 ALLISON BUCHHOLTZ-AU: 'السبب الحق نحن الآن ستعمل مجرد الحصول على شيء. 680 00:28:37,921 --> 00:28:39,690 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: يمكننا جعله أكبر؟ 695 00:29:12,180 --> 00:29:13,800 TOMAS REIMERS: دعونا إعطائها الحدود. 696 00:29:13,800 --> 00:29:14,840 ALLISON BUCHHOLTZ والاتحاد الافريقي: ويمكننا أن الحدود. 697 00:29:14,840 --> 00:29:15,673 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: إلى نموذج الصندوق. 702 00:29:24,592 --> 00:29:27,300 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: موقعنا هو جميل جدا. 707 00:29:34,500 --> 00:29:35,333 >> TOMAS 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 الآن دعونا نتظاهر I يريد فقط للقيام بذلك 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 حسنا، ما يمكنك القيام به هو أنت يمكن القول، .special، والفضاء، .cool. 717 00:30:12,549 --> 00:30:15,590 وما أن يفعل، وعندما كنت تعتقد حول هذا الموضوع، غير انها تقول في الأساس، 718 00:30:15,590 --> 00:30:19,530 OK، تجد لي كل شيء يطابق خاص. 719 00:30:19,530 --> 00:30:24,104 ثم داخل تلك العلامات، وتجد لي كل ما هو بارد. 720 00:30:24,104 --> 00:30:27,270 ALLISON BUCHHOLTZ والاتحاد الافريقي: لذلك وسيلة أخرى التي قد تكون جيدة للتفكير في ذلك، 721 00:30:27,270 --> 00:30:29,810 إعادته مرة أخرى إلى C، هو تماما مثل فكرة النطاق. 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: إن النظام؟ 731 00:30:56,423 --> 00:30:59,320 الجمهور: الذي يصادف فئة في CSS ل.cool، والفضاء، .special؟ 732 00:30:59,320 --> 00:31:01,153 ALLISON 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 >> TOMAS REIMERS: إذا كنا قد قال ماذا؟ 737 00:31:10,318 --> 00:31:10,906 آسف. 738 00:31:10,906 --> 00:31:12,660 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: إذا كنا نطاق لتبرد ثم 739 00:31:12,660 --> 00:31:14,550 بحث عن الأشياء من خاص، سيكون من نفسه، في الواقع. 740 00:31:14,550 --> 00:31:16,260 >> TOMAS REIMERS: لذلك لن يكون. 741 00:31:16,260 --> 00:31:16,590 >> ALLISON 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 >> TOMAS 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 ALLISON 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 >> TOMAS REIMERS: لذلك يختار شيئا. 758 00:31:53,310 --> 00:31:56,530 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: حيث مع خاصة، ونحن ضمن هذه العلامات هنا. 759 00:31:56,530 --> 00:31:57,971 >> TOMAS REIMERS: أولئك وهؤلاء. 760 00:31:57,971 --> 00:31:58,512 الحضور: OK. 761 00:31:58,512 --> 00:31:58,920 حتى تلك العلامات من الأمام مائل؟ 762 00:31:58,920 --> 00:31:59,740 >> TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 766 00:32:04,810 --> 00:32:06,870 أعتقد أن هذا هو على الارجح أسهل طريقة للتفكير في الامر. 767 00:32:06,870 --> 00:32:09,270 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: بارد في حين هو فقط داخل هذه العلامات وهناك. 773 00:32:20,112 --> 00:32:21,070 TOMAS 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 كنت طالبا، OK، تلك التي هي خاصة؟ 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 الحضور: OK. 787 00:32:53,640 --> 00:32:54,473 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أعتقد أن لدينا آخر الشيء هو (في الهوى BRITISH ACCENT) 792 00:33:01,800 --> 00:33:02,510 نموذج الصندوق. 793 00:33:02,510 --> 00:33:05,992 >> TOMAS REIMERS: إن [يضحك] box-- أحب الطريقة التي تقول أليسون ذلك. 794 00:33:05,992 --> 00:33:06,950 ذلك الشيء نموذج الصندوق. 795 00:33:06,950 --> 00:33:09,644 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: لدينا فقط مربع، وسوف يكون نموذج الصندوق الخاص بك. 796 00:33:09,644 --> 00:33:11,310 TOMAS 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 هو، أيضا، ما بالضبط هو عنصر في CSS؟ 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 >> TOMAS REIMERS: انها مستطيل، أليس كذلك؟ 810 00:33:49,040 --> 00:33:50,956 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: لم يكن السؤال خدعة. 811 00:33:50,956 --> 00:33:51,870 [ضحك] 812 00:33:51,870 --> 00:33:54,670 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أعني، المتصفحات وعادة ما تكون مستطيلة الشكل، 819 00:34:11,423 --> 00:34:13,440 لذلك فمن المنطقي. 820 00:34:13,440 --> 00:34:18,750 >> TOMAS REIMERS: الفكرة هنا هي أن جميع العلامات ضمن CSS 821 00:34:18,750 --> 00:34:21,790 يتم تمثيل كما مستطيل. 822 00:34:21,790 --> 00:34:25,699 وكل مستطيل أربعة أجزاء وفقا لCSS، OK؟ 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ربما صورتك. 826 00:34:30,470 --> 00:34:31,303 >> TOMAS REIMERS: نعم. 827 00:34:31,303 --> 00:34:33,860 لديك الحشو، وهو مجرد نوع من المساحة البيضاء. 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، OK؟ 833 00:34:47,570 --> 00:34:48,420 إسمح لي بينما I-- 834 00:34:48,420 --> 00:34:51,506 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أشعر علينا أن نضع صورة لطيف في. 835 00:34:51,506 --> 00:34:52,520 >> TOMAS REIMERS: نحن بالتأكيد ينبغي. 836 00:34:52,520 --> 00:34:53,389 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أشعر الجميع 837 00:34:53,389 --> 00:34:54,870 يمكن أن تستفيد من الصورة لطيف، هو كل شيء. 838 00:34:54,870 --> 00:34:56,774 >> TOMAS REIMERS: هل نحن جميع الاستفادة من a-- 839 00:34:56,774 --> 00:34:57,648 >> الجمهور: نعم، بالتأكيد. 840 00:34:57,648 --> 00:34:58,790 TOMAS REIMERS: OK، بارد. 841 00:34:58,790 --> 00:35:02,254 لذا يجب أن نضع لطيف صورة في مكان ما. 842 00:35:02,254 --> 00:35:05,295 ALLISON BUCHHOLTZ والاتحاد الافريقي: أشعر وكأنني قد يكون أرنب لطيف مفيد في الوقت الراهن. 843 00:35:05,295 --> 00:35:06,190 TOMAS REIMERS: بالتأكيد. 844 00:35:06,190 --> 00:35:06,950 ALLISON BUCHHOLTZ والاتحاد الافريقي: نهاية الأسبوع. 845 00:35:06,950 --> 00:35:07,390 لديك شيء adorab-- 846 00:35:07,390 --> 00:35:08,520 >> TOMAS REIMERS: كيف نوبة هريرة؟ 847 00:35:08,520 --> 00:35:09,220 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: تعمل A هريرة أيضا. 848 00:35:09,220 --> 00:35:11,300 >> TOMAS REIMERS: بارد، ل هناك موقع لذلك. 849 00:35:11,300 --> 00:35:12,300 انه دعا PlaceKitten. 850 00:35:12,300 --> 00:35:14,719 ALLISON BUCHHOLTZ والاتحاد الافريقي: هذا أمر عظيم. 851 00:35:14,719 --> 00:35:15,510 TOMAS REIMERS: نعم. 852 00:35:15,510 --> 00:35:18,040 ALLISON BUCHHOLTZ والاتحاد الافريقي: فقط ل، مثل، الصور نائبا في موقع الويب الخاص بك. 853 00:35:18,040 --> 00:35:18,914 TOMAS REIMERS: مم-HM. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: PlaceBacon؟ 857 00:35:24,340 --> 00:35:25,350 حقا؟ 858 00:35:25,350 --> 00:35:28,190 >> TOMAS REIMERS: أوه، ونحن لا الحصول الإنترنت هنا. 859 00:35:28,190 --> 00:35:29,875 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: [آهات] 860 00:35:29,875 --> 00:35:30,375 مأساوية. 861 00:35:30,375 --> 00:35:32,333 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: فعلنا. 867 00:35:40,210 --> 00:35:43,110 >> TOMAS REIMERS: الذي يصادف الإنترنت أسفل لحظة الحاضر. 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: نقطة أو التجزئة؟ 875 00:36:09,840 --> 00:36:10,730 الجمهور: حاد. 876 00:36:10,730 --> 00:36:12,940 TOMAS REIMERS: شارب، والكمال. 877 00:36:12,940 --> 00:36:14,950 شارب، تجزئة، مهما we-- 878 00:36:14,950 --> 00:36:15,680 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: الكثير من الأشياء للإتصال به. 879 00:36:15,680 --> 00:36:16,430 >> TOMAS REIMERS: OK. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: الوسم. 883 00:36:20,735 --> 00:36:22,340 >> TOMAS REIMERS: حتى الوسم أولا. 884 00:36:22,340 --> 00:36:24,506 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: لذلك يمكنك تغرد على seminar-- 885 00:36:24,506 --> 00:36:27,582 CSS الوسم، هاشتاج بارد. 886 00:36:27,582 --> 00:36:29,040 TOMAS REIMERS: الوسم الذهول. 887 00:36:29,040 --> 00:36:30,730 ALLISON BUCHHOLTZ والاتحاد الافريقي: هاشتاج الذهول، نعم. 888 00:36:30,730 --> 00:36:31,480 TOMAS REIMERS: OK. 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: آه، القولون. 892 00:36:39,030 --> 00:36:40,281 TOMAS REIMERS: نعم. 893 00:36:40,281 --> 00:36:42,281 ALLISON BUCHHOLTZ والاتحاد الافريقي: سوف يكون لديك بقعة المدقق. 894 00:36:42,281 --> 00:36:43,960 TOMAS REIMERS: أليسون حصل لي. 895 00:36:43,960 --> 00:36:45,830 لون الخلفية من blue-- 896 00:36:45,830 --> 00:36:46,810 >> TOMAS REIMERS: البنفسجي! 897 00:36:46,810 --> 00:36:47,726 >> TOMAS REIMERS: الأرجواني. 898 00:36:47,726 --> 00:36:48,830 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 899 00:36:48,830 --> 00:36:50,630 بلدي اللون الأرجواني المفضل، ونحن لم تستخدم حتى الآن. 900 00:36:50,630 --> 00:36:51,546 >> TOMAS REIMERS: البنفسج. 901 00:36:51,546 --> 00:36:53,361 ALLISON 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 >> TOMAS 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 >> ALLISON 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: رأيت لهم في الحفل الأسبوع الأخرى. 914 00:37:16,580 --> 00:37:17,705 TOMAS REIMERS: البيتلز؟ 915 00:37:17,705 --> 00:37:20,242 ALLISON BUCHHOLTZ والاتحاد الافريقي: لريال. 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 >> TOMAS REIMERS: لدينا "مرحبا" و "وداعا". 920 00:37:26,060 --> 00:37:29,102 ومرة أخرى، CSS هو مجرد رهيبة، لأنه يعترف الألوان لدينا. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: وجدت. 924 00:37:35,130 --> 00:37:39,560 >> TOMAS REIMERS: لذا CSS أعتقد ديه 255 الكلمات للحديث عن اللون. 925 00:37:39,560 --> 00:37:42,986 إذا كنت تستطيع التفكير في اللون خارج تلك 255، مثل، وسوف يكون أعجب. 926 00:37:42,986 --> 00:37:44,110 ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. 927 00:37:44,110 --> 00:37:45,560 أعتقد أنه قد يكون يا رفاق تأتي فقط في الحق بعد. 928 00:37:45,560 --> 00:37:47,727 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ليس هناك مساحة بين بين. 932 00:37:51,460 --> 00:37:53,390 انهم smooshed فقط الحق على رأس كل منهما الآخر. 933 00:37:53,390 --> 00:37:55,973 >> TOMAS REIMERS: لذا فإن أول شيء أعتقد أننا يجب أن نتحدث عن 934 00:37:55,973 --> 00:38:02,960 غير دعونا say-- أيضا نعم. 935 00:38:02,960 --> 00:38:08,020 حتى CSS يمثل لهم كنوع من الصناديق. 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 ALLISON 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 على كل جانب، والتي تقول، مثل، OK، لديك مربع بك من content-- 948 00:38:49,600 --> 00:38:51,680 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: هل تريد لسحب فقط حتى تفقد عنصر؟ 949 00:38:51,680 --> 00:38:53,659 >> TOMAS REIMERS: نعم، وهذا هو فكرة جيدة. 950 00:38:53,659 --> 00:38:56,700 ALLISON 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 >> TOMAS 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 ثم لديك الحشو. 960 00:39:18,590 --> 00:39:20,440 >> الجمهور: لماذا لا تقوم فقط استخدام مربع داخل the-- 961 00:39:20,440 --> 00:39:21,606 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: الحق. 962 00:39:21,606 --> 00:39:24,745 لأنه اختيار فقط العنصر في الوقت الحالي. 963 00:39:24,745 --> 00:39:26,050 >> TOMAS 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 حتى في CSS، والقياسات الحاجة إلى وجود وحدة. 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 ثم واحدة المقبل قلنا هو بكسل، بكسل. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه، الصبي. 974 00:39:52,990 --> 00:39:53,460 >> الجمهور: قف. 975 00:39:53,460 --> 00:39:54,460 >> TOMAS وALLISON: نعم. 976 00:39:54,460 --> 00:39:57,840 TOMAS REIMERS: ولهذا كل الحشو. 977 00:39:57,840 --> 00:39:59,255 انا ذاهب الى العودة الى بكسل. 978 00:39:59,255 --> 00:40:01,754 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: بكسل تميل إلى أن تكون، مثل، هذا المعيار. 979 00:40:01,754 --> 00:40:04,589 عندما تنظر في الكثير من المواقع، كانوا يعملون في الغالب في بكسل. 980 00:40:04,589 --> 00:40:07,755 TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: مم. 984 00:40:16,201 --> 00:40:17,574 985 00:40:17,574 --> 00:40:20,740 TOMAS REIMERS: انها طريقة جيدة لقولها، مثل، أريد الفضاء بقدر الخط بلدي 986 00:40:20,740 --> 00:40:21,514 هو أخذ. 987 00:40:21,514 --> 00:40:23,180 ALLISON BUCHHOLTZ والاتحاد الافريقي: لم أكن أعرف ذلك. 988 00:40:23,180 --> 00:40:25,747 تتعلم شيئا جديدا كل يوم. 989 00:40:25,747 --> 00:40:27,955 TOMAS REIMERS: هناك الكثير من القياسات في CS. 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-- ذلك مجموعات الحشو جميع سائد. 996 00:40:42,420 --> 00:40:49,789 كما يمكنك أن تفعل شيئا من هذا القبيل "الحشو أعلى" لمجرد set-- 997 00:40:49,789 --> 00:40:52,080 ALLISON BUCHHOLTZ والاتحاد الافريقي: ربما أننا سنصل لدينا "مرحبا" إلى الخلف. 998 00:40:52,080 --> 00:40:55,480 TOMAS REIMERS: --to فقط تعيين الحشو على رأس ولا شيء غير ذلك. 999 00:40:55,480 --> 00:40:59,560 لذا الأوامر الأربعة هي الحشو أعلى، الحشو من أسفل، يسار الحشو، 1000 00:40:59,560 --> 00:41:00,310 والحشو اليمين. 1001 00:41:00,310 --> 00:41:02,470 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: تماما مثل تتوقعون لمربع. 1002 00:41:02,470 --> 00:41:03,530 >> TOMAS 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. 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 هو الشيء الوحيد الذي لا تحتاج وحدة هو 0. 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 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ولدينا هذا القرار TV مثير للسخرية. 1037 00:42:27,967 --> 00:42:29,460 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: ولكن النمط قد يكون قليلا مثيرة للاهتمام. 1045 00:42:45,110 --> 00:42:45,980 >> TOMAS 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 >> ALLISON 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 إلى نوع من الاطلاع و ننظر CSS أكثر باردة. 1056 00:43:23,470 --> 00:43:25,954 >> TOMAS 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: انها باردة الطريق إلى التأكيد على الأشياء أو إضافة 1064 00:43:46,170 --> 00:43:47,545 الخطوط الفاصلة بين العناصر المختلفة. 1065 00:43:47,545 --> 00:43:48,670 TOMAS 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 ALLISON BUCHHOLTZ والاتحاد الافريقي: انها لا حول العنصر الخاص بك 1070 00:43:57,975 --> 00:44:00,840 ولكن في الواقع حول كامل المربع الذي كنا رؤية. 1071 00:44:00,840 --> 00:44:02,770 >> TOMAS 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 ALLISON 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 >> TOMAS 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 ALLISON 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 نحن أوصى به ل الكثير من الأشياء مع CSS. 1098 00:45:12,440 --> 00:45:15,060 وأنا أعلم أنني أوصي به قسم بلدي في كل وقت. 1099 00:45:15,060 --> 00:45:21,050 >> واحدة من الأشياء العظيمة هو أنه يسمح لك نوع من الفوضى مع CSS 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 أو إقامة عشقتك في الخاص الأجهزة المحلية والمضيف المحلي، 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 >> TOMAS 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 أو نريد علي: 1118 00:45:56,410 --> 00:46:01,490 >> ALLISON 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 >> TOMAS 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 >> ALLISON 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 >> TOMAS REIMERS: الحق. 1150 00:47:20,410 --> 00:47:23,120 حتى مثل المواقع مثل هذا، يمكنك أن ترى 1151 00:47:23,120 --> 00:47:25,460 هناك بالتأكيد شعبة في الأعلى. 1152 00:47:25,460 --> 00:47:29,920 ثم لديك آخر div داخل هنا، وهو CSS الذهول. 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 >> TOMAS REIMERS: نعم، بالتأكيد. 1166 00:47:59,660 --> 00:48:02,780 لذلك اسمحوا لي أن نرى في الواقع. 1167 00:48:02,780 --> 00:48:04,670 I لديه فكرتين. 1168 00:48:04,670 --> 00:48:07,265 أولا حتى من كل شيء، كنت يمكن أيضا استخدام النسب المئوية. 1169 00:48:07,265 --> 00:48:08,140 >> الجمهور: حقا؟ 1170 00:48:08,140 --> 00:48:11,260 >> ALLISON 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 >> TOMAS REIMERS: النسب المئوية ذلك. 1174 00:48:17,580 --> 00:48:21,524 ونرى كيف جعل من 50٪ فقط من العرض؟ 1175 00:48:21,524 --> 00:48:24,190 ALLISON 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 >> TOMAS REIMERS: حسنا، انها الآن أساسا 50٪ الحق، على ما أعتقد. 1181 00:48:35,250 --> 00:48:38,820 انها 50٪، ثم الهامش قد أضيفت إلى ذلك. 1182 00:48:38,820 --> 00:48:40,100 CSS لديها الكثير من المراوغات. 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 مرة أخرى، كما قلت، يمكن CSS يكون هناك الكثير من التخمين والاختيار. 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 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: وكنت مجرد الحصول على أكثر ذكاء، 1191 00:48:59,420 --> 00:49:02,020 وكنت مجرد الحصول على أفضل الحدس لذلك وأنت تتحرك على طول. 1192 00:49:02,020 --> 00:49:02,730 >> TOMAS REIMERS: وذلك يحصل أسوأ وأسوأ. 1193 00:49:02,730 --> 00:49:03,496 ذلك انها حقا مجرد سباق. 1194 00:49:03,496 --> 00:49:05,454 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: هذا السوبر مشجعة. 1195 00:49:05,454 --> 00:49:07,070 نريد منهم أن مثل CSS. 1196 00:49:07,070 --> 00:49:08,810 >> TOMAS REIMERS: CSS رائع. 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 >> ALLISON 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 >> TOMAS REIMERS: ممتاز. 1203 00:49:15,690 --> 00:49:18,523 >> ALLISON 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 وبالتأكيد في هاكاثون. 1207 00:49:24,280 --> 00:49:25,200 >> TOMAS REIMERS: بالتأكيد. 1208 00:49:25,200 --> 00:49:25,720 وخلال المعرض. 1209 00:49:25,720 --> 00:49:26,560 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: وفي المعرض. 1210 00:49:26,560 --> 00:49:26,840 أوه. 1211 00:49:26,840 --> 00:49:28,130 >> TOMAS REIMERS: نتطلع ل رؤية كل من awesome-- الخاص بك 1212 00:49:28,130 --> 00:49:29,420 >> ALLISON BUCHHOLTZ والاتحاد الافريقي: سنرى جميع المواقع رهيبة بك 1213 00:49:29,420 --> 00:49:30,572 التي من شأنها أن تكون جميلة. 1214 00:49:30,572 --> 00:49:32,780 TOMAS REIMERS: يمكنك دائما ترى، مثل والمواقع 1215 00:49:32,780 --> 00:49:36,234 الذي كان، مثل، CSS جيدا ثم مثل أولئك الذين لم تحاول أن تفعل CSS. 1216 00:49:36,234 --> 00:49:39,150 ALLISON BUCHHOLTZ والاتحاد الافريقي: أيضا، وآخر الشيء، أكثر شيء واحد للنظر في 1217 00:49:39,150 --> 00:49:40,445 هو إلباس الحذاء. 1218 00:49:40,445 --> 00:49:41,805 حتى التمهيد شيء عظيم. 1219 00:49:41,805 --> 00:49:42,240 >> TOMAS REIMERS: جوجل أنه إذا you-- 1220 00:49:42,240 --> 00:49:43,573 >> ALLISON 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 والآن بعد أن لديك فهم أساسي من CSS، 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 >> TOMAS REIMERS: شكرا جزيلا لك. 1228 00:49:53,330 --> 00:49:54,219