>> [پخش موسیقی]
آلیسون BUCHHOLTZ-AU: پس ما اساسا فقط رفتن
به شما مختصر و مفید را از CSS، چون ما می دانیم
که آن شد پوشش داده نمی در تمام بخش های.
و ما واقعا می خواهید مطمئن شوید که شما بچه ها این ابزار را در اختیار خود،
به دلیل آن است که توانایی به وب سایت های خود را نگاه بسیار زیباتر.
>> و اگر شما در حال ساخت یک وب سایت، پس از آن شما احتمالا می خواهید به آن را بسیار.
منظور من، شما لازم نیست که، اما من می خواهم آن را نشان می دهد. [می خندد]
اگر می خواهید کاربران را به استفاده از آن، شما ممکن است می خواهم آن را کمی [نامفهوم] را.
بنابراین ما در حال رفتن به سعی و شما فقط به من بدهید برخی از ابزار عمومی و درک،
به طوری که زمانی که شما بیرون بروید و شما تحقیق چیز در مورد CSS،
آن را عجیب کامل نیست، مانند CSS گاهی اوقات می شود.
>> توماس REIMERS: آره.
آلیسون آن گفت: بسیار خوب.
بنابراین من حدس می زنم اولین چیزی که ما باید با آن چیزی است که CSS است شروع کنم؟
بنابراین CSS بسیار جذاب است.
CSS--
>> آلیسون BUCHHOLTZ-AU: این نام سمینار ما.
>> توماس REIMERS: آره.
این واقعا مهم است که شما را در درک که در آن زمان.
اگر شما تنها به دور یک چیزی، آن است که CSS اگر بسیار جذاب است.
دو CSS مخفف شیوه نامه آبشاری.
بنابراین در هسته خود، CSS است یک شیوه نامه، به این معنی
آن اجازه می دهد تا شما را به سبک یک صفحه وب.
و سپس آنچه را که بدان معنی است، آن را راه برای اضافه کردن سبک به وب سایت شما.
بنابراین با سبک، متوسط ​​همه چیز ما که structural-- نمی
بنابراین چیزهایی مانند رنگ، پس زمینه تصاویر، مرزها، مانند، بالشتک،
حاشیه.
ما در مورد صحبت چه تمام این بدان معناست که در کمی.
>> بنابراین ما فقط پیش رفته و باز هر دو از کسانی که در جیادیت.
پس این ها index.html است.
و این main.css است.
بنابراین main.css هیچ ندارد.
آلیسون BUCHHOLTZ-AU: بدون سبک تا کنون.
توماس REIMERS: هیچ.
و به عنوان شما خواهید دید، آن را یک سایت واقعا زشت است.
آلیسون BUCHHOLTZ-AU: این فقط ساده.
توماس REIMERS: آره.
آره، آن را زشت نیست، آن را فقط مینیمالیستی.
و سپس در اینجا ما باید ها index.html.
و به این ترتیب برای سریع روکش از HTML، آلیسون،
شما می خواهید فقط در مورد صفحه بحث؟
>> آلیسون BUCHHOLTZ-AU: آره.
بنابراین بدیهی است، ما باید HTML ما برچسب، که فقط نام فایل HTML.
ما هدر ما در اینجا، با CSS هیبت، which-- اگر شما برگردید.
آن کجاست؟
>> توماس REIMERS: اوه.
بله، شما می توانید ببینید.
آلیسون BUCHHOLTZ-AU: و متوجه هدر
این هدر تب سمت راست در اینجا است.
و سپس "سلام جهان!" است متن که ما فقط
نمایش در وب صفحه، که is-- برگردید.
بازگشت.
کدام است فقط در بدن ما here-- متن ساده.
همچنین، یک چیز را به توجه، اگر شما در اینجا نگاه کنید،
توماس روشن کردن این دو از اسلاید ما.
بنابراین تا زمانی که شما همه سه تن از این، شما خوب هستید.
آنها می توانند در هر منظور آنها می خواهند باشد.
آنچه مهم است که فقط شما هر یک از این سه چیز.
>> توماس REIMERS: دانلود.
اضافه کردن یک نوع فیلم کارگردان تهیه کننده؟
آلیسون BUCHHOLTZ-AU: آره.
توماس REIMERS: آره.
سرد.
آلیسون BUCHHOLTZ-AU: ظاهرا، میکروفون من من را دوست ندارد.
توماس REIMERS: اوه، ما یک ثانیه فقط به من بدهید در حالی که آلیسون سوئیچ کردن میکروفون او.
بنابراین آره.
بنابراین ما باید صفحه اصلی ما است.
این نوع از unstyled است.
ما بسیار لازم نیست.
ما فقط باید اساسا متن.
ما شیوه نامه.
ما به عنوان.
پس فقط لخت اندام اجزای یک وب سایت.
>> بنابراین از وجود دارد، اجازه دهید صحبت در مورد آنچه CSS است
و آنچه در آن مانند و همه از آن به نظر می رسد.
بنابراین برای that--
آلیسون BUCHHOLTZ-AU: بازگشت به اسلاید.
توماس REIMERS: بازگشت به اسلاید.
و آلیسون می تواند سر می برد.
>> آلیسون BUCHHOLTZ-AU: وو.
باشه.
بنابراین در فایل CSS خود را، شما در حال رفتن به
بسیاری از این چیزها به نام انتخاب.
این تنها خواهد بود اساس فایل CSS خود را.
این فقط برای رفتن به لات و تعداد زیادی از این.
بنابراین انتخاب.
این فقط آناتومی عمومی است.
ما قصد داریم از طریق رفتن نمونه، چرا که اگر شما بچه ها هرگز
بخش من تماشا کرده ام، احساس می کنم مانند همه چیز در انتزاعی
آیا احساس نمی واقعا.
همیشه کمک می کند تا برای دیدن نمونه های.
>> بنابراین ما باید برخی از انتخاب.
که برای رفتن به برخی از شناسه برای آنچه ما می خواهیم سبک به درخواست.
و سپس ما می توانیم هر داشته مجموعه ای از قوانین و ارزش ها.
بنابراین انتخاب که شما ممکن است مشاهده کنید ممکن است چیزی شبیه به بدن،
یا پاراگراف را با P، و یا هدر، یا هر چیز دیگری،
هر آنچه می خواهید برچسب های HTML خود را به.
>> بنابراین در این مورد، ما بدن.
و ما باید برخی از قانون، که این مربوط
به چه سبک خود را در مورد.
بنابراین در این مورد، ما رنگ پس زمینه و وزن فونت.
پس این است که رفتن به تغییر پس زمینه از هر چیزی
در هر تگ body از فایل HTML است.
و آن را به من بدهید این ارزش آبی روشن.
>> بنابراین آن را تا پس زمینه آبی رنگ نور است.
و پس از آن هر چیزی در بدن است رفتن به وزن فونت تیره می کند.
بنابراین آن را فقط رفتن به جسورانه تمام متن ما.
و این فقط یک انتخاب است.
اما شما می توانید بسیار بسیاری از این داشته باشد.
و به عنوان ما قصد داریم به نشان می دهد بعد، کمی بیشتر به چگونه
که آثار و نمونه های بیشتری وجود دارد.
هر چیزی که شما می خواهید برای اضافه کردن؟
>> توماس REIMERS: شماره
آلیسون آن را کردم.
ما فقط در حال رفتن به قطع کردن به عنوان مثال در اینجا در مثال سایت ما.
بنابراین اجازه دهید در واقع این را.
این عالی است.
بنابراین من فقط رفتن به کپی و چسباندن که درست در فایل main.css ما.
و من قصد دارم به آن را ذخیره کنید.
و سپس ما آن را اجرا خواهد کرد.
توجه داشته باشید پس جانبی، یکی از ترین چیز خسته کننده
است اگر شما به یک فایل ذخیره کند، و سپس شما، مانند، بارگذاری مجدد صفحه،
و مانند، چرا تغییر اتفاق می افتد؟
پیش میآید.
بنابراین در اینجا ما را دیدم که ما ساخته شده ما وب سایت یک پس زمینه آبی روشن
و برخی از متن پررنگ.
>> من هم باید ذکر، اگر شما بچه ها سوالی در مورد هر چیزی
ما در حال انجام، لطفا به ما را متوقف و از ما بخواهید.
ما کاملا مایل هستید به سوالات.
>> آلیسون BUCHHOLTZ-AU: بدیهی است، با CSS، همه چیز بر خود می سازد.
بنابراین اگر یک چیز را نمی کند را حس کن، ما
نمی خواهم که به شما باتلاق پایین بعد.
>> توماس REIMERS: بنابراین اجازه دهید نوع این تشریح.
بنابراین شما می خواهید برای شروع با انتخاب اینجا؟
>> آلیسون BUCHHOLTZ-AU: آره.
همانطور که قبلا گفته بود، بدن فقط انتخاب ما در اینجا است.
بنابراین اگر ما به عقب برویم به آه index-- ما.
>> توماس REIMERS: کدام من فقط بسته شده است.
من یک ثانیه را.
بنابراین فایل، گسترش، ها index.html.
آلیسون BUCHHOLTZ-AU: دانلود.
بنابراین اگر شما متوجه در اینجا، ما این برچسب ها بدن، درست است؟
بنابراین انتخاب فقط به مربوط برچسب ها است که ما در حال صحبت کردن در مورد.
بنابراین بدن در اینجا ببینید.
بنابراین آنچه که ما در حال گفت است everything-- می تواند ما به عقب برویم؟
من آرزو می کنم من فقط می تواند مانند لمس روی صفحه نمایش.
این می شود بسیار خنک تر است.
>> بنابراین هر چیزی در آن برچسب ها بدن، که ما دیدم
فقط، مانند، متن بود، و بدن به طور کلی
اشاره به، مانند، پس زمینه.
اگر شما تا به حال به خواهید تغییر پس زمینه،
که رفتن به در تگ body باشد.
فقط این قوانین اعمال شده به آنها.
>> بنابراین اگر ما بودند برای رفتن به ها index.html and-- در واقع،
می توانید چیزی ما در خارج از بدن؟
اگر ما تا به حال، مانند، بالا و پایین صفحه و یا چیزی، آن را نمی خواهد به این اعمال می شود.
اما هر چیزی در از این دستورات بدن است که
به این بدن تحت تاثیر قرار انتخاب که ما ساخته شده است.
بنابراین اگر شما به نوع چیز دیگری there--
>> توماس REIMERS: بیایید رانندگی که به خانه.
بنابراین اگر ما تا به حال div-- به طوری که فقط تگ دیگری می تواند داشته باشد.
من قصد دارم به آن نزدیک است.
و یا اجازه دهید این یک پاراگراف را.
بنابراین P برای بند است.
و در آن بند.
و پس از آن من می گویند، "این متن است."
سرد.
و پس از آن من ساخته شده این قانون اعمال می شود به یک پاراگراف به جای بدن است.
شما خواهید دید که چگونه از آن فقط به پاراگراف تازه شکل گرفته، درست است،
نه همه چیز.
آیا این را حس؟
>> آلیسون BUCHHOLTZ-AU: پس این همه بدن است،
اما در حال حاضر انتخاب ما فقط مربوط به بند.
بنابراین ما فقط به صورت سیاه و آبی برای این بند خاص،
چرا که این تنها چیزی است است که در داخل تگ P محصور شده است.
>> توماس REIMERS: آیا که معنی مرتب سازی بر از چه کارهایی محفظهای قرار دادن چیزهای دیگر؟
آلیسون BUCHHOLTZ-AU: همچنین، فقط می گویند، مانند، یکی از بهترین راه های
به واقعا راحت با CSS فقط به انجام کارهایی مانند این،
فقط آن را امتحان کنید.
این بسیار ساده است به نوع چیزی از، ضربه تازه کردن، و ببینید چه اتفاقی می افتد.
و به عنوان با اکثر CS، آزمایش اغلب می تواند
منجر به خیلی بهتر درک شهودی.
حتی بیشتر از ما فقط، مانند، صحبت کردن به شما.
>> توماس REIMERS: کاملا 100٪ در آن نقطه به توافق برسند.
بنابراین اگر ما به عقب برویم به این، اجازه دهید شروع کالبدشکافی دقیقا همان چیزی است که این دو انجام دهد.
بنابراین ما باید دو قانون در این.
بنابراین یکی از اولین رنگ پس زمینه است.
و شما می بینید که ما آن را تنظیم کرده ام به ارزش، آبی روشن برابر است.
>> بنابراین در CSS، CSS است مرتب سازی بر بسیار شل در مورد چگونگی
شما مجاز به تعریف رنگ.
بنابراین شما می توانید آنها را با نام تعریف کنیم.
شما همچنین می توانید چیزی شبیه به انجام "قرمز."
و پس از آن اگر به این، شما خواهید دید که پس زمینه به رنگ قرمز است.
شما همچنین می توانید really-- دریافت کنم شما فکر می کنم می تواند بسیار خلاق با این دریافت،
نمی تواند شما؟
>> آلیسون BUCHHOLTZ-AU: من فکر می کنم شما می توانید سحر و جادو استفاده کنید.
آیا می توانید نه؟
>> توماس REIMERS: آره.
بنابراین شما می توانید سحر و جادو استفاده کنید.
اما من فکر نام و زرنگ.
آیا وجود ندارد؟
آلیسون BUCHHOLTZ-AU: شما می توانید کاملا چند انجام دهد.
تقریبا مثل اکثر رنگ است که شما می تواند مانند name--، من فکر می کنم ماهی قزل آلا یکی است.
>> توماس REIMERS: ما ماهی قزل آلا سعی خواهم هستید.
آلیسون BUCHHOLTZ-AU: من فکر می کنم chartreuse است در آن وجود دارد.
توماس REIMERS: آره.
مشاهده؟
بنابراین شما می توانید بسیار خلاق دریافت کنید.
>> آلیسون BUCHHOLTZ-AU: شما می تواند بسیار خلاق دریافت کنید.
مانند، اگر شما می توانید از فکر می کنم نام رنگ، آن را احتمالا در آن وجود دارد.
اگر شما واقعا می خواهید خوب جزئیات، شما می توانید سحر و جادو بروید.
>> توماس REIMERS: آره.
بنابراین هگزادسیمال.
اگر شما بچه ها به یاد داشته باشید این بازگشت از PSET قدیمی خود را، تصویر بازیابی،
شما بچه ها تا به حال به مقابله با این ارزش ها سحر و جادو.
و نوع به روکش آنچه که است، سحر و جادو دارای سه ارزش ذخیره شده در آن.
پس از آن در گروه دو افزایش است.
اولین دو نشان دهنده ارزش های قرمز.
دوم نشان دهنده ارزش سبز.
و یکی از آخرین آبی است؟
>> بنابراین FF اتفاق می افتد به نمایندگی هگزادسیمال 255.
بنابراین شما باید 255 قرمز، 255 سبز، و 0 برای آبی.
و ارزش های بین 0 و 255 متغیر است.
>> رسید راست.
بنابراین اساسا، ما می تواند جستجو اینترنت برای هر رنگ که ما می خواهیم،
و شناسایی واقع-شناخته شده رنگ دسته کوچک موسیقی جاز طیف،
و پس از آن ما می تواند آن را در قرار داده است؟
آلیسون BUCHHOLTZ-AU: دقیقا.
بنابراین شما باید کنترل کامل تقریبا بیش از رنگ شما در CSS می خواهید.
می خواهیم به بحث در مورد تصاویر پس زمینه بعد؟
و یا ما می خواهم به انجام این کار؟
>> توماس REIMERS: آره.
کاملا.
بنابراین اول، فقط به نشان می دهد که قرمز و سبز زرد است.
و اگر شما نیاز به برخی از کمک در پیدا کردن این کار، شما
می توانید گوگل چیزی مانند "جمع کننده رنگ."
آلیسون BUCHHOLTZ-AU: آه، آن را خیلی خوب است.
من عاشق انتخاب رنگ.
>> توماس REIMERS: colorpicker.com یک مثال خوب است.
و در اینجا، شما خواهید دید که شما جمع کننده رنگ فتوشاپ مانند کامل.
>> آلیسون BUCHHOLTZ-AU: MM-HM.
همچنین، همه چیز سرد هستند شما می توانید طرح های رنگی تولید
به طوری که شما لازم نیست، مانند، تضاد رنگ.
توماس REIMERS: و پس از آن در اینجا ارزش سحر و جادو تا اینجا.
بنابراین شما همیشه می توانید پیدا آنلاین اساسا مکان ها برای بدست آوردن مقدار سحر و جادو از.
این که فقط مرتب سازی بر اساس نیست، مانند، ما در اعداد دیدن رنگ جهان است.
این بیشتر که ما آنلاین و پیدا کردن آنچه در رنگ ما می خواهیم،
و سپس شماره تلفن را خراب کردن.
از آنجا که این فقط یک واقعا آسان راه برای مرجع چیز در CS.
>> آلیسون BUCHHOLTZ-AU: و پس از آن also-- وجود دارد
من به نام دقیق سایت را فراموش کرده ام.
اما قطعا وجود دارد، من فکر می کنم، چیزی از ادوبی
است که به تولید طرح های رنگی برای شما، است که واقعا سرد، زیرا شما
definitely-- آن گاهی اوقات سخت به شکل،
آه، اگر من می خواهم به استفاده از این رنگ، چه ممکن است یکی مفید دیگر
برای استفاده از جاهای دیگر را در سایت من به، مانند، آن را خوب و منسجم.
>> توماس REIMERS: در آلیسون صحبت کردن در مورد یکی توسط ادوبی به نام Kuler، من فکر می کنم.
این K-U-L-E-R است.
آلیسون BUCHHOLTZ-AU: من فکر می کنم تا.
من کاملا مطمئنم که که یکی هستم.
>> توماس REIMERS: مورد علاقه من است همیشه طرح رنگ طراح بوده است.
>> آلیسون BUCHHOLTZ-AU: آه.
>> توماس REIMERS: کدام است now--
>> آلیسون BUCHHOLTZ-AU: آه، این زیبا است.
>> توماس REIMERS: و شما می تواند اساسا می گویند، مانند،
من می خواهم سه رنگ در کنار یکدیگر.
و پس از آن اجازه دهید چیزی خوب انجام دهد.
و سپس شما می توانید به عنوان مثال دریافت از آنچه که ممکن است مانند نگاه کنید.
و پس از آن اگر شما نشانگر را روی هر یک از آنها، آن را به شما می دهد ارزش سحر و جادو.
>> پس فقط به عنوان یک راه خوب برای شروع فکر کردن در مورد طرح های رنگی
و یا چه رنگ در یک وب سایت ممکن است به خوبی با هم.
از آنجا که می تواند شگفت آور به عنوان آسان نیست به انتخاب به عنوان شما فکر می کنم.
و پس از آن دیگر چیزی سرد من همیشه در مورد این سایت پیدا کردم
است اگر شما ضربه مثال، آن را نشان می دهد که چه به عنوان مثال وب سایت
ممکن است مانند استفاده از آن طرح رنگ نگاه کنید.
به هر حال.
>> بازگشت به CSS واقعی.
آلیسون BUCHHOLTZ-AU: اما بدیهی است، ما می دانیم که این منابع ممکن است مفید باشد.
توماس REIMERS: نه، آنها قطعا می تواند مفید باشد.
بنابراین قانون دوم، آلیسون؟
>> آلیسون BUCHHOLTZ-AU: آره.
قانون دوم است فقط مربوط به فونت های ما.
بنابراین وزن فونت فقط نوع است of-- تا وزن را
اگر شما می خواهید فقط، مثل، طبیعی یا، مانند، فونت نازک تر،
و یا در این مورد، مانند، تیره می کند.
فراموش کردم.
چه اگر شما می خواهید it-- است وجود دارد یک نازک تر از تنها، مثل، عادی است؟
توماس REIMERS: من واقعا نمی می دانم که اگر یک نازک تر وجود دارد.
آلیسون BUCHHOLTZ-AU: من را فراموش کرده ام.
وزن بنابراین فونت ما به طور معمول فقط برای ضخیم استفاده کنید.
اگر می خواهید واقعا به آن، ما قصد داریم به شما نشان دهد.
W3Schools تمام مختلف چیزهایی که شما می توانید برای فونت انجام دهد.
اما در واقع، اگر شما همیشه می خواهید برای تغییر هر چیزی در مورد فونت،
آن را همیشه برای رفتن به، مانند، فونت چیزی.
بنابراین آن را مانند، فونت خانواده است اگر شما تلاش برای تغییر نوع واقعی.
این خواهید بود فونت به سبک اگر شما می خواهم به آن را مانند خط شکسته،
و یا کج (ایتالیک)، و یا فلان چیز.
و یا حتی فونت رنگ، اگر ما برای تغییر که می خواستم.
>> توماس REIMERS: آره.
بنابراین شما می توانید تغییر دهید.
و نوع فقط به روکش در حال حاضر، بنابراین شما می توانید
ببینید که ما انتخاب تا اینجا.
ما این آکولاد.
و سپس ما قوانین حد و مرز مشخصی با نقطه.
آیا این را حس؟
آره؟
سرد.
بنابراین اگر که good-- است
>> آلیسون BUCHHOLTZ-AU: بازگشت.
توماس REIMERS: اجازه دهید به طور خاص صحبت در مورد چه نوع انتخاب ما داشته باشد.
چون در حال حاضر ما باید مرتب کردن بر اساس فقط نشان داده شده است برچسب ها.
اما شما بچه ها می تواند از آن قابل قبول را ببینید.
می گویند شما دو پاراگراف در یک صفحه و شما
می خواهم که قادر به سبک یکی اما نه دیگر،
شما نه تنها می خواهید خود را محدود به مجبور به استفاده از HTML مختلف واقعی
برچسب ها برای آنها سبک های مختلف می دهد.
>> بنابراین ما باید سه پایه نوع انتخاب.
آلیسون BUCHHOLTZ-AU: آره.
بنابراین ما باید تگ، که همان چیزی است ما شده ایم صحبت کردن در مورد در حال حاضر.
به طوری که نوع مانند بدن یا P کنید.
و سپس ما کلاس، که هنگامی که آن را در فایل CSS ما تعریف می کنیم،
آن را همیشه به نقطه شود، هر چه شما می خواهید نام کلاس خود است.
و این می تواند به چیزهای متعدد استفاده کنید.
>> می گویند شما پنج پاراگراف و دو نفر از سه نفر از آنها
نیاز به همان مدل دهید شود، شما می توانید یک کلاس به آن اعمال می شود.
و این تنها راه ما آن را انجام دهد.
ما به شما یک نمونه از را که در آن این در واقع نشان می دهد تا.
اما اگر شما تا به حال شاید برخی از تگ P، پس از آن، شما می توانید ارسال،
کلاس برابر هر کلاس شما می خواهید به درخواست آن را.
بنابراین هر انتخاب کلاس که ما می خواهیم به درخواست این بند خاص،
ما فقط می تواند شبیه به این ارسال.
البته، من فکر می کنم به عنوان مثال آن را بتن خیلی بیشتر می شود.
>> یکی دیگر ما شناسه است، که ما معنی
با یک رشته هش، و یا پوند، یا هشتگ.
توماس REIMERS: Octothorpe.
آلیسون BUCHHOLTZ-AU: Octothorpe.
آثاری که، بیش از حد.
و این یکی واقعا باید منحصر به فرد باشد.
آنها فقط باید به درخواست یک چیز را در صفحه خود را.
بنابراین آیا که یک پاراگراف خاص است، و یا برخی از آیتم در یک لیست، یا هر چیز دیگری،
این باید منحصر به فرد باشد.
و در راه همان است که ما فقط می گویند، مانند، کلاس = "class2 class1،"
این فقط می توانید شناسه از هر ما باشد.
توماس REIMERS: آره.
بنابراین اجازه دهید قطعا صحبت در مورد نمونه های اینجا.
و من فقط رفتن به شیرجه رفتن بازگشت مستقیم به تبدیل به کد.
بنابراین اجازه دهید در HTML ما نگاه کنید.
و بنابراین ما در حال حاضر یک پاراگراف داشته باشد.
این متن است.
من فقط رفتن را تغییر دهید آن. "این متن 1. است"
و سپس ما در حال رفتن به یک "این متن 2. است"
>> آلیسون BUCHHOLTZ-AU: دوم یک.
توماس REIMERS: آره.
بنابراین ما در حال حاضر "این متن 2 است،" درست است؟
و ما قصد داریم برای دیدن که اگر ما دوباره بارگذاری صفحه، آنچه که ما قصد داریم برای پیدا کردن
است ما مجبوریم find--
آلیسون BUCHHOLTZ-AU: آه.
توماس REIMERS: آره.
ما قصد داریم برای پیدا کردن یک "این است متن 1، "و" این متن 2. است "
>> آلیسون BUCHHOLTZ-AU: و رنگ کردن دوست داشتنی زرد.
>> توماس REIMERS: و شما خواهید دید که انتخاب ما در حال حاضر،
که شامل P، یا پاراگراف، تاثیر می گذارد هر دو آنها را،
چون هر دو آنها را ملاقات شرایط که آنها هر دو یک برچسب P هستید.
این را حس می کند در کل.
بنابراین سوال این است، به خوبی، چه اگر ما به خواست فقط یک را دریافت کنم؟
بنابراین دقیقا مانند آلیسون گفت، ما دو راه دیگر برای انجام این کار.
من قصد دارم با شناسه شروع می شود.
>> آلیسون BUCHHOLTZ-AU: بیایید با شناسه شروع می شود.
>> توماس REIMERS: و هر دو این ویژگی ها هستند.
بنابراین ویژگی های در HTML وجود دارد.
و چیزی که آنها می باشد چیزی است که شما اضافه
در داخل تگ است که جدا از نام تگ.
بنابراین شما می توانید ویژگی های متعدد داشته باشد.
آره؟
>> آلیسون BUCHHOLTZ-AU: من فقط قرار بود می گویند، از مثال خود را از PSET 7،
اگر هر کدام از شما سعی می کنید به چین همه چیز به مرکز،
شما ممکن است مورد استفاده قرار "متن چین = مرکز."
و شما آن را متوجه احتمالا باید محور اند
متن خود را و یا نوار پیمایش کنید.
به طوری که فقط همچنین یک ویژگی که شما ممکن است با آن آشنا.
توماس REIMERS: یک دسته وجود دارد از ویژگی های است که شما خواهید دید.
آره.
مانند مرجع خوبی برای PSET 7.
ما شناسه.
شما همچنین می توانید کلاس، چیزهایی مثل این.
برچسب می تواند بسیاری از ویژگی های داشته باشد.
بنابراین با شناسه شروع، اجازه دهید ما وانمود می خواهم به یک id of-- من نمی دانم.
ما آن را تماس بگیرید خاص، چرا که این یکی، ما هستیم
رفتن به حروف درشت، و تاکید، و هر چیز دیگری.
آلیسون BUCHHOLTZ-AU: این جاوا باشد فوق العاده.
توماس REIMERS: پس این یکی، ما باید شناسه خاص.
بنابراین راه برای انتخاب که، پس از آن، است در main.css، به جای یک تگ P،
شما انجام #special، خوب؟
و این انتخاب چیزی که با شناسه خاص.
آیا این را حس برای همه؟
رسید آره.
توماس REIMERS: دانلود.
بنابراین در حال حاضر اگر ما به عقب برویم، ما see-- اوه.
آره.
خواهیم دید که آن را تنها انتخاب با یک شناسه خاص.
آره؟
برای تلفن های موبایل.
بله.
>> رسید می چیزی ویژگی هر دو کلاس و شناسه؟
>> توماس REIMERS: بله.
رسید OK.
و پس از آن چه اتفاقی می افتد اگر شما پس از آن را آن برخی از قوانین در CSS که جنگ؟
توماس REIMERS: کاملا.
ما قطعا قصد در مورد که صحبت کنید.
بنابراین دقیقا همان چیزی است که شما گرفتن شدند در، شما همچنین می توانید به کلاس داشته باشد.
بنابراین اجازه دهید وانمود من تا به حال سه پاراگراف و من
می خواستم به سبک اول دو اما نه سوم.
خب، اول نظر شما ممکن است، خوب، من می تواند فقط به یک ثانیه شناسه.
اما شما نمی توانید، به دلیل ID، دقیقا مانند آلیسون گفت،
باید منحصر به فرد.
>> بنابراین به جای ID، آنچه شما می توانید استفاده کنید این است که شما می توانید یک کلاس استفاده کنید.
و class-- آنچه در آن اجازه می دهد تا شما را به انجام است که اساسا می گویند،
این متعلق به عنوان بخشی از یک گروه.
در این مورد، گروه ما به نام ویژه.
و آنچه ما قصد داریم برای انجام آن است ما قصد داریم به say-- به جای پوند،
ما قصد استفاده از نقطه.
باشه؟
و توجه کنید که پوند و نقطه تنها در فایل CSS وجود داشته باشد،
نه در HTML.
آلیسون BUCHHOLTZ-AU: بله.
تمایز مهم است.
>> توماس REIMERS: من حال مبارزه بسیار،
چون من هش در HTML قرار داده و پس از آن فقط برای یک مدت طولانی احساس احمق.
ببینید که چگونه آن هر دو از انتخاب کسانی که با آن کلاس؟
سرد.
>> در حال حاضر، همه چیز می توانید به کلاس های متعدد داشته باشد.
بیایید می گویند من می خواستم به اولین دو دارای یک پس زمینه زرد
و دو دوم رنگ فونت آبی.
باشه.
من واقعا نمی دانم که چرا من می خواهم می خواهید برای انجام این کار، اما من می توانم.
>> آلیسون BUCHHOLTZ-AU: ممکن است آن را برای وب سایت خود را توصیه می شود.
اما برای اهداف ما، آن را انجام دهد.
>> توماس REIMERS: این نمی طرح رنگ خوب است.
آلیسون BUCHHOLTZ-AU: خوب، زرد و آبی رنگ دبیرستان من هستند.
من نمی دانم، هر چند.
توماس REIMERS: آلیسون بالا مدرسه طرح رنگ بزرگ بود.
[خنده حضار]
پس آنچه که ما می توانید تماس بگیرید این است بیایید تماس بگیرید this-- بنابراین ما باید ویژه
و ما باید خیلی.
من پیشنهاد می کنم، برای این، شما با استفاده از نام بسیار بیشتر توصیفی.
آلیسون BUCHHOLTZ-AU: آره، من به این، مانند، زرد یا آبی رنگ است.
>> توماس REIMERS: ما نمی واقعا ساخت یک وب سایت واقعی،
به همین دلیل است که ما در حال انجام نیست که.
اما اگر شما در واقع تا به حال یک وب سایت واقعی، شما
ممکن است، مانند، هدر مقاله، محتوای مقاله، اولین کلمه،
چیزهایی مانند آن، که اجازه می دهد شما بسیار بیشتر توصیفی است.
این واقعا درست مثل متغیرهای.
آنها باید در یک راه که در آن نام شما می توانید، like-- آره، به این ترتیب.
کامل است.
>> بنابراین رنگ پس زمینه.
و سپس ما در حال رفتن به say-- تا راه برای تغییر رنگ فقط "رنگ" است.
و ما قصد داریم آن را به آبی.
خوبه.
بنابراین در حال حاضر ما دو مورد اول باید ویژه.
یک بعدی رفتن به باید "کلاس = بسیار."
آلیسون BUCHHOLTZ-AU: و سپس شما می خواهید برای اضافه کردن "بسیار" را به یکی از وسط.
توماس REIMERS: آره.
و پس از آن به یکی از میانه، برای اضافه کردن "بسیار"، چه اتفاقی می افتد
است شما فقط یک فضای دارند.
بنابراین ویژگی کلاس لیست فاصله از هم جدا شده است
همه طبقات که درخواست که برچسب.
باشه؟
این مثل این یکی متعلق به نه نوعی از طبقه خاص به نام
"ویژه، فضا، زیبا."
آن را به دو classes-- متعلق ویژه و بسیار.
بله؟
سرد.
>> و پس از آن اگر ما نگاه در چه اتفاقی می افتد، ما هستیم
رفتن به که یکی از اولین است پس زمینه زرد، متن سیاه و سفید.
one-- دوم
>> آلیسون BUCHHOLTZ-AU: --has ضخیم پس زمینه زرد با متن آبی.
و آخرین ما فقط متن آبی است که ما به آن اختصاص داده.
>> توماس REIMERS: خنک؟
انتخاب چگونه کار می کند؟
عالی.
>> آلیسون BUCHHOLTZ-AU: آیا ما به خواهید بحث در مورد جنگ در حال حاضر پس از آن؟
>> توماس REIMERS: بنابراین آره.
کاملا.
پس چه اتفاقی می افتد اگر شما یک درگیری، درست است؟
بیایید یکی از اولین تظاهر مجموعه تا چیزی like--
آلیسون BUCHHOLTZ-AU: شاید این یک پس زمینه را تغییر؟
توماس REIMERS: آره.
بنابراین ما در حال رفتن به "بسیار" پس زمینه به ماهی قزل آلا را تغییر دهید.
آلیسون BUCHHOLTZ-AU: شما فقط با هستی تمام رنگ های بزرگ امروز، توماس.
توماس REIMERS: آره.
از آنجا که من متوجه من می توانم استفاده از ماهی قزل آلا به عنوان یک رنگ واقعی است.
بنابراین ما فقط قصد به انجام این کار.
من هم فکر می کنم غروب یک رنگ واقعی است.
رسید غروب یک رنگ واقعی است؟
آلیسون BUCHHOLTZ-AU: اجازه دهید آن را امتحان کنید.
توماس REIMERS: پس از این نسخه ی نمایشی فقط به خاطر اینکه در مورد آن فاجعه تا،
من نمی خواهم به اشکال زدایی شود.
بنابراین ما می دانیم ماهی قزل آلا به رنگ واقعی است.
بنابراین هر حدس بزند در چه اتفاقی خواهد افتاد؟
>> آلیسون BUCHHOLTZ-AU: هر ایده؟
>> رسید [نامفهوم].
>> توماس REIMERS: آره.
بنابراین شما آن را دقیقا سمت راست کردم.
در واقع، آن طول می کشد حکومت گذشته که آن داده شد.
>> آلیسون BUCHHOLTZ-AU: پس این است که در آن آبشاری را به اثر می آید.
>> توماس REIMERS: پس به یاد داشته باشید که چگونه ما حال که شیوه نامه آبشاری؟
بنابراین با آن، ما نوع معنا که ما یک دسته از قوانین
که در بالای هر یک از دیگر اعمال می شود، و آنها همچنین می توانند هر یک از دیگر لغو می کند.
>> آلیسون BUCHHOLTZ-AU: پس هر آنچه در پایین
نادیده گرفتن خواهد شد هر آنچه در بالای صفحه.
شما می توانید قوانین که به طور کامل داشته نفی چیزی از قبل.
به همین دلیل است که شما می خواهید به مراقب باشید زمانی که شما یک ظاهر طراحی شده هستید،
بنابراین شما قوانین ایجاد نمی کند که شما فقط به طور کامل لغو.
>> توماس REIMERS: یا شاید شما نمی خواهم به بازنویسی قوانین.
>> آلیسون BUCHHOLTZ-AU: یا شاید شما انجام دهد.
بله.
>> توماس REIMERS: وانمود کند که کلاس که شامل بسیاری از چیزها،
اما اجازه دهید بگویم که شما می خواهید به تغییر رنگ پس زمینه به رنگ قرمز و فونت
وزن به صورت سیاه برای بیشتر همه چیز، اما برای یک،
شما فقط می خواهید رنگ پس زمینه به قرمز اما شما می خواهید تمام دیگر
خواص، شما می توانید چیزی انجام مانند "فونت وزن = عادی،"
که پس از آن خنثیسازی که تغییر تیره می کند.
آره؟
باز هم، بهترین راه، من فکر می کنم آلیسون گفت: آن، تنها تمرین.
>> آلیسون BUCHHOLTZ-AU: آزمایش.
>> توماس REIMERS: تمرین، تمرین، عمل، و آزمایش.
من می دانم که بسیاری از مردم که فکر می کنم CSS تنها بسیاری از حدس و چک است
در پایان روز، که در آن اگر شما می خواهید به انجام something-- مانند،
شما یک ایده خشن، اما شما هنوز هم احتمالا نیاز
آن را امتحان کنید تا مطمئن شوید شما می دانید چه آن را مانند به نظر می رسد.
>> رسید وقتی که شما با استفاده از کلاس ها، بیش از یک
به همان پاراگراف و یا بخش، آن را
توجه به آنچه منظور شما می توانید نوع آنها را به نقل از؟
>> توماس REIMERS: نه، نه در همه.
>> آلیسون BUCHHOLTZ-AU: آنچه مهم است نظم در شیوه نامه CSS خود را.
رسید می توانید سوال را تکرار؟
توماس REIMERS: اوه.
آلیسون BUCHHOLTZ-AU: در کلاس، کلاس زمانی که شما در حال دادن
به چیزی در HTML، می کند آن مهم است که منظور آنها در هستی؟
این کار جهت مهم نیست.
منظور از چه مهم است این است انتخاب کلاس در CSS خود را،
در شیوه نامه خود را.
>> توماس REIMERS: خوب صدا؟
>> آلیسون BUCHHOLTZ-AU: دوست داشتنی.
>> توماس REIMERS: و پس از آن ما قصد داریم به ادامه to--
آلیسون BUCHHOLTZ-AU: چه ما آینده؟
فراموش کردم.
اوه، ما فقط نمونه داشته باشد.
اما ما نوع آن انجام می شود.
ما نمونه در پرواز انجام داده ام.
>> توماس REIMERS: ما برای به دست آوردن به زودی ترکیب انتخاب.
>> آلیسون BUCHHOLTZ-AU: اوه، ما را وادار به ترکیب انتخاب.
توماس REIMERS: بنابراین برخی از نمونه است ما
# پوند dog--، یا هشتگ، و یا octothorpe، یا هر چیز دیگری
شما می خواهید به تماس that-- تیز.
>> آلیسون BUCHHOLTZ-AU: سگ شارپ.
>> توماس REIMERS: سپس شما باید .pets.
چیزی دارای یک id از سگ، فقط یک سگ در صفحه وجود دارد.
چیزی دارای یک id از گربه، فقط یک گربه وجود دارد.
ممکن است حیوانات خانگی بسیاری را در صفحه وجود دارد.
به همین دلیل ما به که کلاس.
شما باید یک نمونه از P.
و پس از آن تا یکی از تاریخ و زمان آخرین عنوان مثال، که
چیزی که ما در مورد صحبت نمی باشد، زمانی است که شما آنها را ترکیب چه اتفاقی می افتد.
بنابراین p.pets.
>> بنابراین برای آن، اجازه بازگشت به کد و معرفی another-- آره.
بنابراین به اینجا.
>> آلیسون BUCHHOLTZ-AU: من احساس می کنم مثل این really-- است
مانند فقط به دنبال از طریق نمونه واقعا راه را برای یادگیری این.
بنابراین این چیزی است که ما در حال انجام.
>> توماس REIMERS: بنابراین اجازه دهید ما وانمود فقط می خواهید برای انتخاب متن 2، درست است؟
بنابراین ما قطعا نمی تواند انجام این کار با یک id.
خب، ما می تواند که با انجام شناسه، اما آن را نشانی از شناسه ندارد.
من می توانم یک اضافه کنید، اما اجازه دهید وانمود که من نمی خواهم برای اضافه کردن یک
یا آن را در حال حاضر دارای چیز دیگری.
من نمی تواند انجام دهد که با آن.
برچسب قطعا منحصر به فرد، درست است؟
و نه طبقه است.
اما شما می توانید این چیزها ترکیب.
بیایید می گویند ما می خواستیم به انجام کاری که فقط به چیزهایی اعمال که
باید خاص کلاس و که کلاس بسیار.
>> پس چه شما می توانید انجام دهید این است در main.css، شما می توانید می گویند، اجازه دهید اولین بار این را حذف کنید.
شما می توانید این ترکیب.
بنابراین شما می توانید .special انجام دهد.
بدون فضا.
فقط .special.pretty.
چیزی این بدان معناست که هر دو خاص و زیبا.
آیا این را حس؟
و اگر ما در اینجا بروید، چه شما در حال رفتن به
است این قانون تنها به اعمال دوم، که هر دو از آن.
و شما می توانید که برای بسیاری از مسائل را انجام دهد.
شما می توانید say-- اجازه دهید وانمود من فقط می خواستم
به انجام کارهای که کلاس بسیار و که همچنین یک برچسب بند هستند.
بنابراین p.pretty.
بیایید وانمود کنیم که من تا به حال چیزی بسیار در بدن تگ.
باشه؟
من می توانم این و اجرا من می توانید ببینید که این تنها
رفتن به درخواست چیزهایی که هستند پاراگراف با کلاس بسیار.
و شما می توانید این ترکیب، در واقع، به عنوان بسیاری از شما می خواهید.
بنابراین شما فقط می توانید آنها را با هم.
آیا این را حس؟
آلیسون BUCHHOLTZ-AU: پس این نوع از مفید تر است
هنگامی که، توماس بود زودتر گفت، شاید شما یک وب سایت بسیار پیچیده،
و شما در حال حاضر تعداد زیادی از این قوانین نوشته شده است،
و شما فقط نیاز به ترکیب دو از قبل.
مانند به جای نوشتن یک کل انتخاب های جدید و تغییر آن وجود دارد،
شما می توانید فقط ترکیب آنها که در آن همپوشانی.
>> توماس REIMERS: یا شما گاهی اوقات ممکن است out--
در یک کلاس وجود دارد که باعث می شود رنگ فونت را مثل آبی،
و در کلاس دیگری وجود دارد که باعث می شود آبی پس زمینه.
و این فقط کار نخواهد کرد.
بنابراین شما ارسال نامه مورد خاص، که در آن، like-- اما اگر آن را تا هر دو، آنچه شما
رفتن به انجام است شما قصد این یکی از این سایه ای از آبی
و این یکی از این سایه دیگر از آبی.
درست است؟
>> آلیسون BUCHHOLTZ-AU: خوب برای کسانی که انواع استثنا.
توماس REIMERS: پس به در مورد مشکلات فکر می کنم
که ممکن است بوجود می آیند که شما آنها را ترکیب.
سرد.
بنابراین بازگشت به ارائه ما.
آلیسون BUCHHOLTZ-AU: ما تقریبا وجود دارد.
توماس REIMERS: و آن اتصال متوقف شده است.
آلیسون BUCHHOLTZ-AU: آه، نه.
آلیسون BUCHHOLTZ-AU: CS در دفتر، اینترنت پایین می رود.
آه، طنز.
>> توماس REIMERS: بنابراین خوشبختانه، ما می توانیم ارائه بدون اینترنت، من حدس می زنم،
چون ما همه اسلاید در اینجا.
بنابراین اجازه دهید در مورد صحبت رابطه برچسب ها.
آلیسون BUCHHOLTZ-AU: راست.
پس فقط نوع از رفتن خاموش از آنچه توماس گفت،
این تنها راهی دیگر برای انجام آن است.
بنابراین ما برخی از پدر و مادر دارند انتخاب با انتخاب کودک.
بنابراین در این مثال در اینجا، ما باید برخی از بدن با نوار پیمایش کلاس، دکمه کلاس.
آه.
>> توماس REIMERS: اوه، ببخشید.
>> آلیسون BUCHHOLTZ-AU: و در واقع، این به چه معناست
است انتخاب همه کودکان، مانند همه این انواع انتخاب،
در این انتخاب پدر و مادر.
و کسانی که تنها کسانی هستند آن را به حال رفتن به درخواست.
من نمی دانم اگر شما یک راه بهتر of--
توماس REIMERS: بنابراین من حدس می زنم راه به فکر می کنم
در مورد این است به یاد داشته باشید قبل از اینکه چگونه ما مرتب کردن بر اساس آنها را با هم می خواهم.
و پس از آن که به معنی یک عنصر که مسابقات تمام این.
این چیست گفت، من می خواهم به شما مطابقت همه چیز
در some-- من می خواهم شما برای پیدا کردن یک انتخاب.
و بعد از آن در که، من می خواهم شما برای مطابقت با چیزهای جدید.
درست است؟
بنابراین در CSS، آن را همه چیز در مورد مرتب کردن بر اساس قادر بودن برای مطابقت با این اقلام است.
و شما می توانید سعی کنید برای مطابقت با اقلام در موارد دیگر.
>> بنابراین اجازه دهید در واقع به عنوان مثال، و ما فکر می کنیم که شما روشن.
بنابراین اجازه دهید وانمود ما خاص، ویژه بسیار، هر آنچه.
و پس از آن ما باید یک لینک، خوب؟
بنابراین به یاد داشته باشید، یک لینک است.
این رفتن به همه جا بروم.
و ما در حال رفتن به آن را لینک طبقاتی، من حدس می زنم.
بیایید آن را class-- من یک ایده بدهد.
آلیسون BUCHHOLTZ-AU: دانلود.
توماس REIMERS: Coo-- اجازه دهید به آن کلاس بسیار.
چرا که نه؟
>> آلیسون BUCHHOLTZ-AU: OK.
توماس REIMERS: پس همه چیز در حال حاضر بسیار
در حال رفتن به پس زمینه آبی، رنگ پس زمینه ماهی قزل آلا.
این را حس می کند.
و اگر ما this-- انجام
>> آلیسون BUCHHOLTZ-AU: آیا شما می خواهید برای اضافه کردن متن
بنابراین لینک در واقع نشان می دهد تا؟
توماس REIMERS: که خواهد بود یک تماس خوب است.
آلیسون BUCHHOLTZ-AU: "حق چون در حال حاضر ما فقط جاوا هیچ چیز نیست.
توماس REIMERS: پس این یک لینک است.
"این یک لینک است."
اوه، و این است که به لینک دیگر.
بیایید آن کلاس را "سرد است."
حق با شماست.
سرد.
بنابراین در حال حاضر ما در حال رفتن برای گرفتن این.
ما قصد داریم به پرتاب یک.
در حال حاضر یکی در برچسب های ویژه، و ما نیز
در حال رفتن به یک در برچسب بسیار.
و در حال حاضر آنچه که ما در حال رفتن به انجام شده است ما قصد داریم به cool--
چه می خواهیم آن را به انجام دهید؟
آلیسون BUCHHOLTZ-AU: آیا ما می توانیم آن را بزرگتر؟
توماس REIMERS: اجازه دهید آن را مرز می دهد.
آلیسون BUCHHOLTZ-AU: ما می تواند مرز.
توماس REIMERS: آره.
بنابراین ما قصد داریم برای انجام کاری مانند، is-- مرز و ما
رفتن به توضیح این همه در یک ثانیه.
برای now--
>> آلیسون BUCHHOLTZ-AU: به مدل جعبه.
توماس REIMERS: اما در حال حاضر، ما هستیم فقط رفتن به آن مرز را.
پس چه که بدان معنی است که شما هستید رفتن به این لینک ها.
و شما به دید که آنها این، مثل، مرزهای سیاه زشت، که
خنک است.
>> آلیسون BUCHHOLTZ-AU: وب سایت ما تا بسیار.
>> توماس REIMERS: آره.
وب سایت ما بسیار جذاب است.
بنابراین این دو لینک هستند، و آنها ظاهر می شود.
حالا من وانمود فقط می خواستم برای انجام این کار
اگر آن را در چیزی نیست که یک پس زمینه از ماهی قزل آلا به حال.
بنابراین به یاد داشته باشید که این یکی دارای یک پس زمینه از ماهی قزل آلا،
زیرا این کلاس بسیار.
>> اما ما می خواهم بگویم که تنها سرد که در طبقه خاص، نه در کلاس هستند
زیبا، باید که مرز دارند.
خوب، چیزی است که شما می توانید انجام دهید به شما است می توان گفت، .special، فضا، .cool.
و آنچه که انجام می دهند، زمانی که شما فکر می کنم در مورد آن است، آن را اساسا و گفت،
خوب، من همه چیز را پیدا که منطبق ویژه.
سپس در آن برچسب ها، پیدا کردن من همه چیز را که سرد.
آلیسون BUCHHOLTZ-AU: بنابراین راه دیگری که ممکن است خوب در مورد این فکر می کنم،
آوردن آن به C است، درست مثل این ایده از دامنه.
بنابراین، هنگامی که شما باید برخی از انتخاب، مانند آنهایی که
که ما برای قبل از این کار کرده ام، صفحه وب تمام خود را، همه HTML سایت خود بگذارید
است که در داخل محدوده خود را، درست است؟
اما زمانی که ما این روابط پدر و مادر کودک،
آن را به عنوان اگر شما در حال باریک پایین که در آن شما به دنبال یک محل خاص،
به عنوان اگر، مانند، ما به دنبال در یک تابع خاص به جای
کل فایل ما.
رسید بنابراین با توجه به آن، می آن اهمیت اند اگر ما به حال changed--
آلیسون BUCHHOLTZ-AU: منظور؟
رسید --The کلاس در CSS به .cool، فضا، .special؟
آلیسون BUCHHOLTZ-AU: بله، زیرا پس از آن که
می گویند، دامنه آن را به همه چیز است که سرد،
و پس از آن در چه has-- نگاه منظور من، مانند، در این مورد،
من فکر نمی کنم آن را از آن تغییر کرده است.
>> توماس REIMERS: اگر ما گفته بود چه؟
متأسفم.
>> آلیسون BUCHHOLTZ-AU: اگر ما دامنه آن را به سرد و پس از آن
برای چیزهایی نگاه از خاص، این امر می تواند همان، در واقع.
>> توماس REIMERS: بنابراین آن را نمی خواهد.
>> آلیسون BUCHHOLTZ-AU: آن را نمی خواهد؟
آه، آه، خب.
من اشتباه می کنم.
>> توماس REIMERS: پس دلیل آن different-- mistake-- مشترک است
است که در حال حاضر تنها لینک دارد سرد، درست است؟
من سوال من حدس می زنم به شما بچه ها است، چه در این صفحه توسط .cool همسان؟
دو تگ در اینجا وجود دارد، درست است؟
که این یکی و این یکی است.
هر دو مطابقت سرد.
هیچ چیز دیگری می کند.
بنابراین اگر شما گفت، .cool، فضا، .special، چیزی است که شما در حال رفتن به می گویند،
در این برچسب ها، چه خاص است؟
آلیسون BUCHHOLTZ-AU: HM.
که آنچه it-- درست است.
از آنجا که آن را مانند چیزی در اینجا.
>> توماس REIMERS: پس از آن انتخاب هیچ چیز نیست.
>> آلیسون BUCHHOLTZ-AU: در حالی که با خاص، ما در این برچسب ها در اینجا.
>> توماس REIMERS: کسانی و کسانی که.
رسید OK.
بنابراین کسانی که برچسب از جلو بریده بریده؟
>> توماس REIMERS: بله.
آیا این را حس؟
چگونه آن را اساسا تلاش برای محدود دامنه.
آلیسون BUCHHOLTZ-AU: آره.
من فکر می کنم که احتمالا ساده ترین راه برای در مورد آن فکر می کنم.
>> توماس REIMERS: بنابراین ما این یافت، و ما در بر داشت این هر دو خاص همسان.
و پس از آن ما می گی، در این بچه ها، چه سرد؟
و در این یکی، سرد این یکی است.
در این یکی، هیچ چیز سرد.
پس این تنها تگ که باقی می ماند.
>> آلیسون BUCHHOLTZ-AU: در حالی که سرد فقط در این برچسب ها وجود دارد.
توماس REIMERS: دقیقا.
و چه چیزی خاص در آن؟
هیچ چیز.
در حال حاضر، آنچه من می گویم است اگر هیچ فضا وجود دارد،
شما می گی چه سرد و special-- و یا چه چیزی زیبا و خاص، درست است؟
اگر شما می گویم .special.pretty، که همان .pretty.special.
>> از آنجا که آنچه از بین بردن فضای است درخواست است، زمانی که شما می گویند .special،
شما می گی، OK، آنهایی که خاص هستند؟
و سپس از آن، که آنهایی که نیز بسیار است،
که همان است، گرامر، به عنوان درخواست، چه زیبا،
و سپس از آن، چه چیزی نیز خاص؟
درست است؟
این تفاوت از است چه در آنچه که است.
رسید OK.
توماس REIMERS: آره.
عالی.
بنابراین با در نظر گرفتن then--
>> آلیسون BUCHHOLTZ-AU: من فکر می کنم آخرین ما چیزی است (در خیال BRITISH ACCENT)
مدل جعبه.
>> توماس REIMERS: box-- [خنده] من عاشق راه آلیسون می گوید که.
بنابراین چیزی که جعبه مدل.
>> آلیسون BUCHHOLTZ-AU: فقط باید یک جعبه، من مدل جعبه خود را.
توماس REIMERS: بنابراین اجازه دهید که در مورد صحبت کنید.
بنابراین در حال حاضر ما بسیاری صرف کرده ام زمان صحبت کردن در مورد انتخاب.
در حال حاضر، شما بچه ها احتمالا، مثل، کارشناسی ارشد از selectors-- که می دانید،
چگونه دقیقا محتوا را انتخاب کنید که شما می خواهید برای دستکاری بر روی صفحه نمایش خود را.
>> بنابراین در حال حاضر سوال این است، چگونه دقیقا می تواند آن را به شما دستکاری؟
بنابراین من حدس می زنم از اساسی ترین راه در مورد آن فکر می کنم
است، به خوبی، آنچه که دقیقا یک عنصر در CSS است؟
ما زمان زیادی صرف کرده ام صحبت کردن در مورد، چه برچسب شده است،
یا آنچه که از اساسی ترین نمایندگی برچسب؟
>> یک راه خوب برای فکر کردن در مورد است که، چه شکل ماهی قزل آلا است؟
چه شکل است، مانند، پس زمینه ماهی قزل آلا-رنگی؟
>> رسید این یک مستطیل است.
>> توماس REIMERS: این یک مستطیل است، درست است؟
>> آلیسون BUCHHOLTZ-AU: یک سوال نکته این نیست.
[خنده حضار]
>> توماس REIMERS: تلاش به شما فریب بچه ها این اواخر.
بنابراین ما باید این مستطیل.
و تگ P است، درست است؟
به طوری که به ما می دهد خوب اعتقاد به این که بند
به عنوان یک مستطیل نشان داده، در حداقل در ذهن مرورگر، که
آن هست.
>> آلیسون BUCHHOLTZ-AU: منظور من، مرورگرهای معمولا مستطیل شکل،
پس از آن را حس می کند.
>> توماس REIMERS: ایده در اینجا این است که همه از برچسب در CSS
به عنوان یک مستطیل نمایش داده شود.
و هر مستطیل دارای چهار قطعات با توجه به CSS، خوب؟
شما باید محتوای واقعی.
این جایی است که متن نهفته است.
>> آلیسون BUCHHOLTZ-AU: شاید عکس خود.
>> توماس REIMERS: آره.
شما باید بالشتک، که فقط نوعی از فضای سفید.
سپس شما باید یک مرز.
و سپس شما باید حاشیه، که فضای سفید در خارج از آن است.
به طوری که معنا ندارد به هر کسی، بنابراین ما
رفتن به مورد که صحبت برای یک ثانیه.
بنابراین حق در اینجا، آنچه که ما قصد انجام است ما قصد داریم برای ایجاد برخی از divs، خوب؟
ببخشید در حالی که I--
>> آلیسون BUCHHOLTZ-AU: من احساس می کنم دوست ما باید یک عکس زیبا در قرار داده است.
>> توماس REIMERS: ما قطعا باید.
>> آلیسون BUCHHOLTZ-AU: من مثل همه احساس
می تواند از بهره مند عکس ناز، است تمام.
>> توماس REIMERS: آیا ما می توانیم همه بهره مندی از a--
>> رسید آره، مطمئن شوید.
توماس REIMERS: OK، سرد.
بنابراین ما باید ناز قرار داده تصویر در جایی.
آلیسون BUCHHOLTZ-AU: من مثل یک احساس اسم حیوان دست اموز ناز ممکن است مفید باشد در حال حاضر.
توماس REIMERS: مطمئنا.
آلیسون BUCHHOLTZ-AU: پایان هفته.
آیا چیزی adorab--
>> توماس REIMERS: چگونه تقلا یک بچه گربه؟
>> آلیسون BUCHHOLTZ-AU: بچه گربه کار می کند، بیش از حد.
>> توماس REIMERS: دانلود، زیرا یک سایت برای آن وجود دارد.
آن را به نام PlaceKitten.
آلیسون BUCHHOLTZ-AU: بسیار عالی.
توماس REIMERS: بله.
آلیسون BUCHHOLTZ-AU: فقط برای، مانند، تصاویر حفره یا سوراخ در وب سایت شما.
توماس REIMERS: MM-HM.
همچنین PlacePuppy وجود دارد.
و این PlaceBacon وجود دارد.
>> آلیسون BUCHHOLTZ-AU: PlaceBacon؟
واقعا؟
>> توماس REIMERS: اوه، ما نمی دسترسی به اینترنت را در اینجا.
>> آلیسون BUCHHOLTZ-AU: [ناله]
غم انگیز است.
توماس REIMERS: در غیر این صورت، من به شما بچه ها را نشان می دهد
چگونه برای قرار دادن تصاویر در وب سایت شما.
ما قصد داریم به سعی کنید به این کار قبل از ما به آن بروید.
اما در حال حاضر، ما فقط هستید رفتن به صحبت در رنگ های پس از آن.
ما می خواهیم برای قرار دادن تصاویر از kittens--
>> آلیسون BUCHHOLTZ-AU: ما انجام داد.
>> توماس REIMERS: --The اینترنت پایین برای لحظه ای است.
بنابراین ما باید دو divs، و ما رفتن به آنها را دو شناسه به من بدهید.
ما قصد داریم به آن تماس بگیرید "اولین" و "دوم."
بنابراین شناسه = "برای اولین بار."
و ما قصد داریم به آنها دو رنگ می دهد.
پس چگونه چیزی است که ما را انتخاب کنید با شماره "برای اولین بار"؟
آلیسون BUCHHOLTZ-AU: نقطه و یا هش؟
رسید شارپ.
توماس REIMERS: شارپ، کامل است.
شارپ، هش، هر we--
>> آلیسون BUCHHOLTZ-AU: بسیاری از چیزهایی به آن تماس بگیرید.
>> توماس REIMERS: OK.
ما قصد داریم به حل و فصل در هشتگ، و این چیزی است که ما قصد داریم تا با.
باشه؟
>> آلیسون BUCHHOLTZ-AU: هشتگ.
>> توماس REIMERS: پس هشتگ برای اولین بار.
>> آلیسون BUCHHOLTZ-AU: پس شما می توانید seminar-- صدای جیر جیر
CSS هشتگ، هشتگ سرد.
توماس REIMERS: هشتگ بد.
آلیسون BUCHHOLTZ-AU: هشتگ بد، بله.
توماس REIMERS: OK.
بنابراین ما باید "برای اولین بار" و "دوم."
بنابراین اول، ما قصد داریم به رنگ پس زمینه قرمز.
آلیسون BUCHHOLTZ-AU: آه، روده بزرگ است.
توماس REIMERS: آره.
آلیسون BUCHHOLTZ-AU: من خود نقطه جستجوگر.
توماس REIMERS: آلیسون را من کردم.
رنگ پس زمینه از blue--
>> توماس REIMERS: بنفش!
>> توماس REIMERS: بنفش.
آلیسون BUCHHOLTZ-AU: بله.
رنگ مورد علاقه من بنفش است، و ما آن را مورد استفاده قرار نگرفته است.
>> توماس REIMERS: بنفش.
آلیسون BUCHHOLTZ-AU: بنفش.
این نسخهها کار میکند.
>> توماس REIMERS: بنابراین ما رفتن به دو divs.
آنها در حال رفتن به کاملا خالی است.
ما احتمالا باید برخی از متن داشته باشد.
بنابراین "برای اولین بار" خواهد بود "سلام."
و "دوم" say-- خواهد
>> آلیسون BUCHHOLTZ-AU: خداحافظ.
>> رسید - "جهان است."
سلام، خداحافظ.
آلیسون BUCHHOLTZ-AU: من تو را دیدم آنها را در کنسرت هفته دیگر.
توماس REIMERS: بیتلز؟
آلیسون BUCHHOLTZ-AU: برای reals به.
آنها که بزرگ نیست.
من آن را دوست ندارم.
>> توماس REIMERS: ما "سلام" و "خداحافظ."
و دوباره، CSS فقط عالی است، چرا که آن را رنگ ما به رسمیت می شناسد.
آیا حتی لازم نیست نگران هستند که آنها وجود دارند.
انجام می دهند.
>> آلیسون BUCHHOLTZ-AU: آنها وجود داشته باشد.
>> توماس REIMERS: پس CSS من فکر می کنم دارد 255 کلمات در مورد رنگ صحبت کنید.
اگر شما می توانید از یک رنگ خارج فکر می کنم کسانی که 255، مانند، من تحت تاثیر قرار است.
آلیسون BUCHHOLTZ-AU: آره.
من فکر می کنم شما بچه ها ممکن است فقط در سمت راست پس از آمده است.
>> توماس REIMERS: بنابراین در اینجا، شما خواهید دید ما دو جعبه
سمت راست در بالای هر یک دیگر، درست است؟
سلام و خداحافظ.
>> آلیسون BUCHHOLTZ-AU: هیچ فاصله در بین وجود دارد.
آنها فقط smooshed سمت راست در بالای هر یک از دیگر.
>> توماس REIMERS: پس اولین کاری که من حدس می زنم ما باید صحبت در مورد
است اجازه دهید همچنین say-- آره.
بنابراین CSS نشان دهنده آنها را به عنوان نوعی از جعبه.
و به عنوان جعبه، آنها مطالب.
و محتوای در حال حاضر است مرتب کردن بر اساس HELLO یا خداحافظی و که این.
باشه؟
>> بنابراین یکی از چیزهایی که برای اولین بار از شما می توانید انجام دهید این است شما می توانید بالشتک اضافه کنید.
پد می گوید فضا چقدر آن را باید در هر طرف ترک.
بنابراین اجازه دهید بگویم من می خواهم بگویم 10 پیکسل در هر طرف.
و من تشریح که در یک ثانیه.
آلیسون BUCHHOLTZ-AU: همه از این چیزها در اینجا
در حال رفتن به بیشتر در پیکسل برای بقیه سمینار.
شما در حال رفتن برای دیدن آن است برخی از فضای اطراف آن، درست است؟
پس چه شما در اینجا نمی بینم است وجود دارد این نوع نامرئی پد
در هر طرف، که می گوید، مانند، خوب، شما باید جعبه خود را از content--
>> آلیسون BUCHHOLTZ-AU: آیا شما می خواهید فقط بالا بکشد عنصر بازرسی؟
>> توماس REIMERS: آره، که ایده خوبی است.
آلیسون BUCHHOLTZ-AU: همچنین، پیدا کنم که عنصر بازرسی یک راه خوب است
به شکل اگر چیزی رفتن اشتباه است، چیزی غیر منتظره اتفاق می افتد،
بازرسی برچسب ها و دیدن آنچه آن را مانند رونویسی مفید است.
>> توماس REIMERS: بنابراین من مطمئن نیستم اگر شما بچه ها می توانید این رنگ را ببینید.
میتوانی؟
شما این پد را ببینید در نوع لبه.
و سپس می بینید واقعی محتوای رنگ آبی، درست است؟
به طوری که بسیار اصول مدل جعبه.
شما باید محتوا.
سپس شما باید بالشتک.
>> رسید: چرا شما نه فقط استفاده از جعبه در داخل the--
>> آلیسون BUCHHOLTZ-AU: راست.
از آنجا که آن را فقط انتخاب عنصر در حال حاضر.
>> توماس REIMERS: آره.
چیزهای دیگر.
بنابراین اجازه دهید در مورد آن صحبت دستور بالشتک برای یک ثانیه.
بنابراین در CSS، اندازه گیری نیاز به یک واحد.
بنابراین ابتدا شما باید مقدار.
بنابراین در این مورد، ما گفته ام 10.
و سپس یک بعدی ما گفته ام پیکسل، پیکسل است.
آنهایی که دیگر شما ممکن است داشته باشد چیزهایی مانند سانتی متر، اینچ.
شما می توانید انجام کارهایی مانند، 10 اینچ همان چیزی است؟
و آن را به مسخره.
>> آلیسون BUCHHOLTZ-AU: اوه، پسر.
>> رسید ایست.
>> توماس و آلیسون: آره.
توماس REIMERS: به طوری که تمام لایه است.
من قصد دارم برای رفتن به پیکسل.
>> آلیسون BUCHHOLTZ-AU: پیکسل تمایل به مانند، استاندارد.
هنگامی که شما در بسیاری از وب سایت های نگاه کنید، آنها اکثرا در پیکسل کار می کنند.
توماس REIMERS: پس شما به ببینید یا pixels-- دیگر آنهایی که می بینید
EM است، که یکی EM است به ارتفاع فونت برابر
که شما در حال استفاده از.
>> آلیسون BUCHHOLTZ-AU: MM.
توماس REIMERS: این یک راه خوب برای گفتن است، مانند، من می خواهم به عنوان فضای آنجا به عنوان فونت من
است در نظر گرفتن.
آلیسون BUCHHOLTZ-AU: چه دانی که نیست که.
شما چیزی جدید هر روز یاد بگیرند.
توماس REIMERS: وجود دارد بسیاری از اندازه گیری در CS.
من پیشنهاد می کنم که شما آنها را نگاه کردن.
برای همه موارد خود را، من فکر می کنم پیکسل باید کافی باشد.
و آنها نیز هستید چه شما در حال رفتن به
در اکثر نمونه های انجام آنلاین.
بنابراین ما آن را در پیکسل ترک.
>> شما همچنین می توانید، من باید تا say-- مجموعه بالشتک همه از واشر.
شما همچنین می توانید چیزی شبیه به انجام "لایه گذاری بالا" فقط set--
آلیسون BUCHHOLTZ-AU: شاید ما ما "سلام" به عقب بر گردیم.
توماس REIMERS: --to فقط مجموعه ای از پد در بالا و هیچ چیز دیگری.
بنابراین چهار دستورات لایه گذاری بالا، لایه گذاری پایین، بالشتک چپ،
و padding-راست.
>> آلیسون BUCHHOLTZ-AU: درست مثل شما می توانید برای یک جعبه انتظار می رود.
>> توماس REIMERS: آره.
هیچ چیز بیش از حد دیوانه وجود دارد.
آیا این را حس؟
به طوری که لایه است.
من قصد دارم به مجموعه تمام واشر بازگشت به 10.
و پس از آن من قصد دارم به حرکت بر روی مرز.
>> پس چه مرز است مرز یک دستور عجیب و غریب است.
طول می کشد مرتب کردن بر اساس سه چیز در یک بار.
بنابراین اولین چقدر بزرگ است شما می خواهم آن را به عنوان یک اندازه گیری می شود.
باز هم، من فقط با استفاده از پیکسل.
و آخرین چیزی که من باید به اندازه گیری اضافه
یک چیز است که یک واحد لازم نیست 0 است.
این در واقع نادرست را به 0 واحد،
زیرا 0 0 در سراسر اینچ، پیکسل، سانتی متر، هر آنچه.
همه این فقط بدان معناست 0، درست است؟
بنابراین برای اولین بار از شما آن را اندازه گیری می دهد.
>> سپس شما را به سبک دهد.
بنابراین من قصد دارم برای گفتن "جامد است."
و ما در مورد آنچه که بدان معنی است صحبت کنید.
و سپس در نهایت، شما آن را رنگ می دهد.
بنابراین من قصد دارم برای گفتن "سیاه و سفید."
و این همه چیزهایی که ما ام در حال حاضر قبل از دیده می شود، به جز سبک،
اما ما در مورد آن صحبت کنید.
بنابراین اندازه گیری شما بچه ها را دیده اند، و شما رنگ دیده می شود.
و چه اتفاقی می افتد این است که ما این را دریافت کنید مرز سیاه و سفید زیبا در اطراف آن، درست است؟
شما بچه ها ببینید که چگونه ما را کرد؟
>> رسید آره.
>> توماس REIMERS: دانلود.
پس چه است؟
بنابراین اول از همه، آن را یکی پیکسل است.
که بدیهی است به اندازه کافی، درست است؟
مانند، آن را یک پیکسل ضخامت دارد.
و یا این امر می تواند یک پیکسل، اما من هستم زوم در، پس از آن کمی بیشتر
از آن.
>> آلیسون BUCHHOLTZ-AU: و ما این تلویزیون با وضوح مضحک است.
>> توماس REIMERS: آره.
شما می توانید آن را بزرگتر را، کوچکتر، هر آنچه.
بنابراین در اینجا یک مرز دو پیکسل است.
شما خواهید دید آن را به دو برابر ضخامت.
چیزی که بعد از شما رنگ است.
که جالب نیست.
من قصد ندارم به صحبت در مورد آن، واقعا.
>> آلیسون BUCHHOLTZ-AU: اما سبک ممکن است فقط یک کمی جالب است.
>> توماس REIMERS: آره.
بنابراین سبک هستند، آنهایی چند وجود دارد که من می بینم که معمولا استفاده می شود.
یکی اول جامد، یک آینده نقطه چین، و نقش برآب آخرین فرد.
و در اینجا خال خال است.
شما خواهید دید که آنها در حال یک دسته از نقاط، درست است؟
یک راه خوب برای مرتب کردن بر اساس دریافت مرز زیبا رفتن، خط تیره نیز بسیار محبوب است.
>> آلیسون BUCHHOLTZ-AU: و پس از آن البته، من هستم
مطمئن مقدار زیادی دیگر وجود دارد سبک های که شما می توانید دریافت کنید.
و ما باید یک مجموعه بزرگ از لینک های در پایان برای شما بچه ها
به نوع مطالعه کردن و در CSS خنک تر نگاه کنید.
>> توماس REIMERS: و پس از آن آخرین چیزی، ما هستیم
رفتن به مورد بحث مدل جعبه های واقعی سریع است.
اوه، و پس از آن مرز، دقیقا مانند بالشتک،
شما همچنین چیزهایی مثل دارند حاشیهی چپ، مرز راست، مرز بالا،
مرز پایین، که به شما اجازه به در مرز خاص دریافت کنید.
بنابراین در اینجا فقط مرز چپ تعریف شده است.
آیا که حس می کند؟
>> آلیسون BUCHHOLTZ-AU: این یک خنک است راه برای تاکید چیز و یا اضافه کردن
خطوط بین عناصر مختلف.
توماس REIMERS: کاملا.
به طوری که مرز ما است.
و حاشیه یکی از آخرین است.
مانند بالشتک حاشیه را به جز آن within-- نمی
آلیسون BUCHHOLTZ-AU: این در اطراف عنصر شما
اما در واقع در سراسر کل جعبه است که ما از دیدن شده است.
>> توماس REIMERS: آره.
آلیسون آن گفت: کاملا.
این نیست، مانند، در داخل خود عنصر، آن را در اطراف تمام جعبه.
این بدان معناست که چیزهایی مانند پس زمینه به آن صدق نمی کند.
و آن را اساسا می گوید، مانند، من هیچ چیز را نمی خواهم
در این فضای زیاد برای من.
بنابراین مانند در اینجا ما باید یک حاشیه از 10 پیکسل.
پس هیچ چیزی در 10 پیکسل باید در کنار من باشد.
این نوع از این آن فضای اما نوع نیست.
به طوری که بسیار اصول مدل جعبه.
آیا این را حس؟
داغ، سرد.
آلیسون BUCHHOLTZ-AU: عالی.
بنابراین در حال حاضر من فکر می کنم ما فقط منابع سرد ما
که ما به شما بچه ها را از طریق بسیار به سرعت.
و ما به خوبی خواهید actually--، ما اینترنت هنوز؟
>> توماس REIMERS: اجازه دهید ببینید اگر من می توانم باز up--
اجازه دهید فقط به من اگر ببینید من می تواند اینترنت به سرعت
در حالی که آلیسون مذاکرات در مورد هر چیزی آلیسون می خواهد در مورد صحبت کنید.
آلیسون BUCHHOLTZ-AU: بنابراین basically-- من نمی
می دانم چه چیز دیگری من می توانم در این نقطه می گویند.
اما این برخی از منابع واقعا خوب است.
این هستند که توماس و من استفاده کرده اند
و ما در واقع مورد استفاده برای آمادگی برای این.
W3Schools یک این است که شما بچه ها باید قبل از دیده می شود.
آن را توصیه ما برای یک بسیاری از مسائل را با CSS.
من می دانم که من آن را توصیه به بخش من تمام وقت.
>> یکی از چیزهایی که بزرگ است که آن را شما اجازه می دهد تا به نوعی از ظروف سرباز یا مسافر با CSS
و دیدن تغییرات بلافاصله در این،
مانند، مشاهده و دو پنجره است که آن را دارد.
بنابراین شما لازم نیست که به نگرانی در مورد راه اندازی صفحه وب خود را،
و یا راه اندازی vhost در خود لوازم خانگی محلی و میزبان های محلی،
و گرفتن تمام کار مسائل.
این مناسب است در صفحه جاسازی شده است.
>> و آن را تا این کمی درس که شما می توانید
رفتن را از طریق به یادگیری اطلاعات بیشتر در مورد انتخاب،
و یا یادگیری در مورد دستکاری خود را فونت، و یا یک پس زمینه، و یا یک تصویر.
و شما باید این نتایج لحظه است که شما
لازم نیست برای انجام هر گونه دیگر کار آمادگی برای.
بنابراین من دوست دارم W3Schools.
این افسانه.
آیا این کار؟
>> توماس REIMERS: آره.
نه اینطور نیست.
آیا می خواهید به من را امتحان کنید و راه اندازی مجدد کامپیوتر من؟
و یا ما می خواهیم to--
>> آلیسون BUCHHOLTZ-AU: منظور من، خوب، این نیز آنلاین باشد.
همه اسلاید آنلاین خواهد بود.
بنابراین من فقط به شدت توصیه انجام این.
>> این فوق العاده است فقط به عنوان مثل یک بازی ورق.
این فقط تمام پایه است دستورات که شما داشته باشد.
این فوق العاده است زمانی که شما برای اولین بار هستید با شروع کردن وب سایت شما.
از آنجا که شاید شما نمی می خواهم به تمام دریافت
nitty واقعی ریگ طراحی سنگین مسائل.
شما فقط نیاز به فرمت آن را در راه این نوع از را حس می کند و اراده
در حال انجام.
و اگر شما واقعا می خواهید به آن را دریافت، من می دانم
این است، مانند، یکی از مراجع مورد علاقه توماس.
ما شد آن را به استفاده از آمادگی، و آن را افسانه.
این برنامه از موزیلا است.
>> توماس REIMERS: بنابراین موزیلا می باشد کسانی که فایرفاکس.
و آن را فقط توسعه خود است مرجع، که من فکر می کنم بسیار جذاب است.
و آن را تا فوق العاده فهرست منابع.
بنابراین ما have--
>> آلیسون BUCHHOLTZ-AU: و پس از آن توجه داشته باشید آخرین است
هنگامی که شما در حال تلاش برای طراحی وب سایت خود را،
الهام گرفتن از همه چیز که شما فکر می کنم بسیار هستند.
بازرسی عنصر، بازرسی کد منبع
می تواند فوق العاده مفید برای تلاش برای کشف کردن
چگونه به سبک وب سایت خود را.
>> اغلب، من مانند بهترین احساس راه، علاوه بر آزمایش،
تنها به نگاه چیزهایی که بسیار می باشد.
من آن را واقعا سخت است برای تنها نوع طراحی چیز را در خود،
به ویژه در آغاز راه است.
پس لطفا در وب سایت نگاه که شما لذت بردن از نگاه.
کشف کردن آنچه باعث می شود آنها را برای شما جذاب.
و سپس در صورت تمایل به امتحان کنید و تکرار است که.
>> توماس REIMERS: راست.
حتی وب سایت ها مثل این، شما می توانید ببینید
قطعا یک div در بالای وجود دارد.
و سپس شما باید DIV دیگر در در اینجا، بد CSS است.
و سپس به شما یک دسته از لینک ها در اینجا.
اگر شما واقعا فقط بازرسی عناصر، شما می توانید مرتب کردن بر اساس
شروع به دیدن چه وب سایت مانند نگاه کنید، و چگونه می توانم
از نو خلق که اگر من می خواستم.
آیا این را حس؟
بنابراین ما فقط چند دقیقه سه ترک کرده اند.
بنابراین پرسش؟
هر یک از آنها؟
بله.
>> رسید برای رنگ مستطیل، چگونه می خواهید
have-- اگر شما آن را می خواهم نه رفتن در سراسر تمام صفحه، می تواند
شما را ساخته اند آن را در سراسر تنها به نیمی از صفحه و یا فقط متن؟
>> توماس REIMERS: آره، کاملا.
بنابراین، اجازه دهید در واقع ببینید.
من دو ایده.
بنابراین اول از همه، شما همچنین می توانید درصد استفاده کنید.
>> رسید: واقعا؟
>> آلیسون BUCHHOLTZ-AU: بنابراین چیزی برای نگاه کردن به موقعیت نسبی است.
این چیزی است که ما زمان برای وارد شدن را نداشته باشند،
اما آن چیزی است که من قطعا توصیه شما بچه ها چک کردن.
>> توماس REIMERS: درصد پس.
و ببینید که چگونه ما آن را ساخته شده فقط 50٪ از عرض؟
آلیسون BUCHHOLTZ-AU: اگر در واقع می دانیم که تعداد پیکسل،
شما می توانید دقیق تر که راه.
شما می توانید با آن کمانچه در اطراف.
اما 50٪.
اگر ما برای تغییر اندازه مرورگر ما، آن را آن را کوچکتر کند.
>> توماس REIMERS: خوب، آن را اساسا 50 درصد در حال حاضر، من فکر می کنم.
این 50٪ حاشیه است، و پس از آن شده است که اضافه شده است.
CSS است بسیاری از خصلت.
بنابراین در حال حاضر این است 50٪ از عرض صفحه.
اما به یاد داشته باشید که شما باید 10 پیکسل از هر طرف گرفته شده است.
بنابراین اگر شما به حرکت است که در برابر لبه سمت چپ از مرورگر،
سپس آن را مانند 50٪ است.
باز هم، مثل من گفت، CSS می تواند شد بسیاری از حدس و چک.
مانند، شما فکر می کنم چیزی رفتن به رفتار یکی از راه،
اما رفتار، شیوه ای کاملا متفاوت است.
>> آلیسون BUCHHOLTZ-AU: و شما فقط گرفتن دقیق،
و شما فقط دریافت بهتر شهود برای آن شما به عنوان حرکت در امتداد.
>> توماس REIMERS: و آن بدتر و بدتر می شود.
بنابراین واقعا فقط یک مسابقه.
>> آلیسون BUCHHOLTZ-AU: این فوق العاده تشویق.
ما می خواهیم آنها را به دوست CSS.
>> توماس REIMERS: CSS بسیار جذاب است.
به یاد داشته باشید که.
سوالات دیگر؟
>> آلیسون BUCHHOLTZ-AU: یک چیز.
هر چیز دیگری؟
سرد.
>> توماس REIMERS: عالی.
>> آلیسون BUCHHOLTZ-AU: خوب، اگر شما بچه ها هر گونه سوال بعد در،
ما همیشه در دسترس به عنوان در هر معمول است.
شما احتمالا برخی را ببینید از ما برای پروژه های نهایی
و قطعا در هکاتون.
>> توماس REIMERS: کاملا.
و در این نمایشگاه.
>> آلیسون BUCHHOLTZ-AU: و در این نمایشگاه.
اوه.
>> توماس REIMERS: نگاه به جلو به دیدن همه awesome-- شما
>> آلیسون BUCHHOLTZ-AU: خواهیم دید همه وب سایت های عالی خود را
که زیبا خواهد بود.
توماس REIMERS: شما همیشه می توانید ببینید، مانند، وب سایت
که به مانند، CSS خوب و سپس مانند کسانی که سعی به انجام CSS.
آلیسون BUCHHOLTZ-AU: همچنین، یکی دیگر از چیز، یک چیز بیشتر به نگاه
راه اندازی است.
بنابراین بوت استرپ بزرگ است.
>> توماس REIMERS: گوگل که اگر you--
>> آلیسون BUCHHOLTZ-AU: گوگل آن را.
این افسانه.
شما آن را دوست دارم.
و در حال حاضر که شما یک درک اولیه از CSS،
آن را حس خیلی بیشتر.
عالی.
تشکر بچه ها.
>> توماس REIMERS: از شما بسیار سپاسگزارم.