>> [موسیقی بجانے]
یلیسن BUCHHOLTZ-AU: تو ہم بنیادی طور پر صرف جا رہے ہیں
اگر آپ ایک پسماندہ دینے کے لئے سی ایس ایس کا، کیونکہ ہم جانتے ہیں
یہ شامل نہیں کیا گیا تھا کہ تمام سیکشنز میں.
اور ہم واقعی اس بات کو یقینی بنانا چاہتے ہیں کہ آپ لوگ، آپ کے اختیار میں اس آلے کے ہے
اس کو بنانے کے لئے کی صلاحیت ہے کیونکہ آپ کی ویب سائٹ بہت خوبصورت لگ رہی ہو.
>> اور آپ تو، ایک ویب سائٹ کی تعمیر کر رہے ہیں تو آپ کو شاید یہ بہت بنانے کے لئے چاہتے.
میرا مطلب ہے، آپ کی ضرورت نہیں ہے، لیکن میں نے اسے مشورہ تھا. [ہنستا ہے]
آپ صارفین کو استعمال کرنا چاہتے ہیں تو، آپ کو شاید یہ یہ ایک چھوٹا سا [اشراوی] بنانا چاہتے ہیں.
تو اگر ہم کوشش کرتے ہیں اور آپ کو صرف کو دینے کے لئے جا رہے ہیں کچھ بنیادی آلات اور افہام و تفہیم،
تاکہ آپ کو باہر جانے اور آپ ہیں جب سی ایس ایس کے بارے میں چیزوں پر تحقیق،
یہ غیر واضح مکمل نہیں ہے، سی ایس ایس کی طرح کبھی کبھی ہو کرنے کے لئے.
>> TOMAS REIMERS: جی ہاں.
یلیسن بہت اچھی طرح یہ کہا.
لہذا میں نے پہلی بات ہم اندازہ لگا سی ایس ایس کیا ہے کے ساتھ شروع کرنا چاہئے؟
لہذا سی ایس ایس خوفناک ہے.
سی ایس ایس کے
>> یلیسن BUCHHOLTZ-AU: اس کا ہے ہمارے سیمینار کے نام.
>> TOMAS REIMERS: جی ہاں.
یہ یہ بہت ضروری ہے آپ اس وقت تک کہ سمجھ.
آپ کو صرف ایک دور لے تو خوفناک ہے تو بات ہے، یہ ہے کہ سی ایس ایس ہے.
دو سی ایس ایس کے لئے کھڑا ہے سٹائل شیٹس جھرن کاری.
تاکہ اس کے مرکز میں، CSS ہے کا مطلب ہے ایک سٹائل شیٹ،
یہ آپ کو ایک ویب صفحے طرز کرنے کی اجازت دیتا ہے.
اور پھر اس کا کیا مطلب ہے، یہ ایک جس طرح آپ کی ویب سائٹ کے لئے سٹائل شامل کرنے کے لئے.
تاکہ سٹائل کی طرف سے، ہم نے سب کچھ مطلب کہ structural-- نہیں ہے
تو رنگ کی طرح چیزوں کو، پس منظر تصاویر، سرحدوں، طرح، بھرتی،
مارجن.
ہم کے بارے میں بات کریں گے کیا تمام ہے کہ تھوڑا سا میں مطلب ہے.
>> تو ہم نے صرف آگے چلے گئے اور gedit میں ان لوگوں تک دونوں کو کھول دیا.
لہذا اس سے index.html ہے.
اور یہ main.css ہے.
تاکہ main.css تعلق نہیں ہے.
یلیسن BUCHHOLTZ-AU: اب تک کوئی سٹائل.
TOMAS REIMERS: کوئی بھی نہیں.
آپ دیکھیں گے کے طور پر اور، یہ بات ہے ایک بہت بدسورت سائٹ.
یلیسن BUCHHOLTZ-AU: یہ صرف سادہ ہے.
TOMAS REIMERS: جی ہاں.
جی ہاں، یہ، بدسورت نہیں ہے یہ صرف مرصع ہے.
اور پھر ہم یہاں سے index.html ہے.
اور اس طرح ایک فوری لیے ایچ ٹی ایم ایل، یلیسن کی Recap،
آپ صرف صفحے کے بارے میں بات کرنا چاہتے ہیں؟
>> یلیسن BUCHHOLTZ-AU: جی ہاں.
تو ظاہر ہے، ہم اپنے HTML ہے ٹیگ، جس میں صرف ناموں HTML فائل.
ہم سی ایس ایس ساتھ، ہمارے یہاں ہیڈر ہے مسرت، which-- تم واپس جاؤ تو.
وہ کہاں ہے؟
>> TOMAS REIMERS: اوہ.
جی ہاں، آپ دیکھ سکتے ہیں.
یلیسن BUCHHOLTZ-AU: اور ہیڈر کو نوٹس
ٹھیک ہے یہاں اس ٹیب ہیڈر ہے.
اور اس کے بعد "ہیلو، دنیا!" ہے ہم صرف ہے کہ متن
ویب پر کی نمائش واپس جانے is-- جس صفحے،.
پیچھے اگلا، دوسرا.
جس میں صرف ہمارے جسم میں ہے سادہ متن یہاں.
اس کے علاوہ، ایک بات آپ کو یہاں نظر آتے ہیں، محسوس کریں،
ٹامس ان کو تبدیل ہمارے سلائڈ سے دو.
تو جب تک آپ سب کو ہے کے طور پر ان میں سے تین، تم ٹھیک ہو.
کہ وہ جو چاہے حکم میں ہو سکتا ہے.
جو چیز سب سے اہم ہے صرف یہ ہے کہ آپ کو ان تین چیزوں میں سے ہر ایک ہے.
>> TOMAS REIMERS: اتارنا.
ایک دستاویز کی قسم کا اضافہ کریں؟
یلیسن BUCHHOLTZ-AU: جی ہاں.
TOMAS REIMERS: جی ہاں.
ٹھنڈا.
یلیسن BUCHHOLTZ-AU: ظاہر ہے، میرے mics کے مجھے پسند نہیں کرتے.
TOMAS REIMERS: اوہ، صرف ہمیں ایک سیکنڈ دے یلیسن اپنی مائک باہر سوئچز کرتے ہوئے.
تو جی ہاں.
لہذا ہم نے اپنے مرکزی صفحے کی ہے.
یہ unstyled کی طرح ہے.
ہم زیادہ سے زیادہ کی ضرورت نہیں ہے.
ہم صرف بنیادی طور پر متن ہے.
ہم سٹائل شیٹ ہے.
ہم عنوان ہے.
تو صرف ننگے چوری اجزاء ایک ویب سائٹ بنانے کے.
>> تو وہاں سے، چلو سی ایس ایس کیا ہے کے بارے میں بات کرتے ہیں
اور اس طرح اور اس کے سب لگتا ہے کیا.
تاکہ that-- لئے
یلیسن BUCHHOLTZ-AU: پیچھے اگلا، دوسرا سلائیڈوں پر.
TOMAS REIMERS: سلائیڈوں پر واپس.
اور یلیسن پر قبضہ کر سکتے ہیں.
>> یلیسن BUCHHOLTZ-AU: وو.
اوکے.
، آپ کو سی ایس ایس فائل میں اتنی آپ کے پاس کرنے جا رہے ہیں
ان چیزوں کی ایک بہت کچھ سلیکٹرز کو بلایا.
یہ صرف ہو جائے گا آپ کی سی ایس ایس فائل کی بنیاد.
یہ صرف جا رہا ہے بہت سے اور ان کے بہت سے.
تاکہ سلیکٹر.
یہ صرف عام اناٹومی ہے.
ہم کے ذریعے جانے کے لئے جا رہے ہیں مثالیں، کیونکہ اگر تم لوگوں کو میں کبھی نہیں
میں محسوس کرتا ہوں، میرے حصے دیکھا خلاصہ میں چیزوں کی طرح
واقعی کوئی مطلب نہیں ہے.
یہ ہمیشہ مثالیں دیکھنے کے لئے میں مدد ملتی ہے.
>> تو ہم نے کچھ سلیکٹر ہے.
اس کے لئے کچھ شناخت کنندہ ہونے جا رہا ہے ہم کیا چاہتے ہیں طرز پر لاگو کرنے کے لئے.
اور پھر ہم کسی بھی ہو سکتا ہے قوانین اور اقدار کے مقرر.
جیسا کہ آپ دیکھ سکتے ہیں کہ سلیکٹرز تاکہ جسم کی طرح کچھ ہو سکتا ہے،
یا پی کے ساتھ پیراگراف، یا ہیڈر، یا جو بھی،
جو کچھ بھی آپ کو اپنے HTML ٹیگ ہونا چاہتے ہیں.
>> تو اس صورت میں، ہم جسم ہے.
اور ہم نے کچھ اصول ہیں، جس میں اس کے مساوی ہے
کیا پر اپنے طرز پر لاگو ہوتا ہے.
تو اس معاملے میں، ہم ہیں پس منظر کا رنگ اور فونٹ کا وزن.
لہذا اس کو تبدیل کرنے کی جا رہی ہے کسی بھی چیز کا پس منظر
ہمارے HTML فائل کی کسی بھی جسم کے ٹیگ کے اندر اندر.
اور یہ دینے جا رہا ہے یہ اس ہلکے نیلے رنگ کی قدر.
>> تو اس کے بنانے جا رہا ہے پس منظر کی روشنی نیلے رنگ.
اور پھر جسم کے اندر کچھ بھی ہے جرات مندانہ ایک فونٹ کا وزن کر جا رہا.
تو یہ صرف جا رہا ہے ہمارے کلام کی تمام جرات مندانہ.
اور یہ صرف ایک سلیکٹر ہے.
لیکن آپ کو ان میں سے بہت سے بہت سے ہو سکتا ہے.
اور ہم کو دکھانے کے لئے جا رہے ہیں کے طور پر بعد میں، میں تھوڑا سا زیادہ کس طرح میں
وہاں کام اور زیادہ مثالیں کہ.
آپ شامل کرنا چاہتے کچھ؟
>> TOMAS REIMERS: نہیں.
یلیسن یہ مل گیا.
ہم صرف ایک نئے، اپ کاٹ کرنے کے لئے جا رہے ہیں یہاں ہماری مثال سائٹ پر مثال.
تو اصل میں یہ لے لو.
یہ بالکل صحیح ہے.
لہذا میں نے صرف کاپی اور پیسٹ کرنے جا رہا ہوں ہمارے main.css فائل میں اس کا حق.
اور میں اس کو بچانے کے لئے جا رہا ہوں.
اور پھر ہم اسے چلایا جائے گا.
تاکہ طرف کے نوٹ، میں سے ایک سب سے زیادہ مایوس کن چیزوں
آپ کو ایک فائل کو بچانے کے، اور نہیں ہے تو پھر آپ کی طرح، صفحہ دوبارہ لوڈ کریں،
اور طرح، کیوں نہیں ہے کیا ہو رہا تبدیلی؟
یہ ہوتا ہے.
تو یہاں ہم ہم نے دیکھا کہ ہمارے ایک ہلکے نیلے رنگ کے پس منظر کی ویب سائٹ
اور کچھ متن bolded.
>> میں نے بھی، ذکر کرنا چاہئے اگر آپ لوگ کسی چیز کے بارے میں سوالات ہیں،
ہم کر رہے ہیں، براہ مہربانی بلا جھجھک مفت ہم کو روکنے اور ہمیں پوچھنا.
ہم مکمل طور پر تیار ہیں میدان میں سوالات کرنے.
>> ظاہر ہے، کے ساتھ: یلیسن BUCHHOLTZ-AU سی ایس ایس، سب کچھ خود پر بناتا.
ایک بات نہ کرتا تو ، اب کوئی مطلب ہم
نہیں چاہتے کہ تم سے بعد میں نیچے دلدل.
>> TOMAS REIMERS: تو چلو قسم یہ ویچرچھیدن کرنا.
لہذا آپ کو شروع کرنے کے لئے کرنا چاہتے ہیں یہاں سلیکٹر کے ساتھ؟
>> یلیسن BUCHHOLTZ-AU: جی ہاں.
میں نے پہلے کہہ رہا تھا، جسم یہاں صرف ہمارے سلیکٹر ہے.
تاکہ ہم اپنے index-- ھ میں واپس جانا تو.
>> TOMAS REIMERS: میں صرف میں بند ہونے والی.
مجھے ایک دوسری دو.
اتنی ہے index.html،، اوپن فائل.
یلیسن BUCHHOLTZ-AU: اتارنا.
یہاں تو محسوس تو، ہم حق، ان کے جسم کے ٹیگز ہے؟
تاکہ سلیکٹر صرف کرنے کے مساوی ہے ہم کے بارے میں بات کر رہے ہیں کہ ٹیگ.
یہیں جسم اتنا.
تو جو ہم کہہ رہے ہیں ہے سب کچھ ہم واپس جا سکتے ہیں؟
میں میں صرف کر سکتا ہوں طرح کی سکرین کو چھو.
یہ تو بہت ٹھنڈے ہو جائے گا.
>> ان لوگوں کے اندر تو کچھ ہم نے دیکھا جس کے جسم کے ٹیگ،
، صرف، طرح، متن تھا اور عام طور پر جسم
، طرح، کے پس منظر سے مراد ہے.
کیا تم نے کبھی کرنا چاہتے ہیں تو پس منظر تبدیل،
کہ ایک جسم ٹیگ میں ہونے جا رہا ہے.
بس ان پر لاگو کیا ہے ان قوانین ہیں.
>> اگر ایسا ہے تو ہم پر جانے کے لئے تھے سے index.html and-- اصل میں،
ہم کچھ بھی ہو سکتا ہے جسم کے باہر؟
اگر ہم نے، طرح، ایک فوٹر یا کچھ، یہ اس پر لاگو نہیں ہو گی.
لیکن اندر کچھ بھی ان کے جسم کے ٹیگ کی جا رہی ہے
اس کے جسم سے متاثر ہونے کا کہ ہم نے کیا سلیکٹر.
آپ کو ٹائپ کرنے تھے تو کچھ اور وہاں
>> TOMAS REIMERS: چلو کہ گھر چلانے کرو.
اگر تو وہ ہے تو ہم ایک div-- دیکھا گیا آپ کر سکتے ہیں صرف ایک اور ٹیگ.
میں نے اسے بند کرنے جا رہا ہوں.
یا یہ ایک پیراگراف بنانے کے لئے ہیں.
تاکہ پی پیراگراف کے لئے کھڑا ہے.
اور یہ کہ پیراگراف کے اندر اندر.
اور پھر میں نے کہا کہ "یہ متن ہے."، کا کہنا ہے کہ
ٹھنڈا.
اور پھر میں اس قاعدے کا اطلاق بنایا بجائے اس کے جسم کے ایک پیراگراف.
آپ کو یہ صرف پر لاگو ہوتا ہے ہے کہ کس طرح نظر آئے گا نو تشکیل شدہ پیراگراف، دائیں،
پوری بات نہیں ہے.
کہ عقل مندی ہے؟
>> یلیسن BUCHHOLTZ-AU: تو یہ سب جسم ہے،
لیکن اب ہمارے سلیکٹر نے صرف پیراگراف کے مساوی ہے.
تو ہم صرف جرات مندانہ اور نیلے رنگ ہے اس مخصوص پیراگراف کے لئے،
یہ صرف ایک ہی چیز ہے کیونکہ کہ P ٹیگ کے اندر اندر منسلک کیا جاتا ہے.
>> TOMAS REIMERS عتبار احساس ہے کہ ہے کی کس طرح چیزوں کو دوسری چیزوں encapsulate کر؟
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، صرف ، طرح، بہترین طریقوں میں سے ایک کا کہنا ہے
واقعی سی ایس ایس کے ساتھ آرام دہ حاصل کرنے کے لئے صرف اس طرح کام کرنے جاتا ہے،
صرف اسے باہر کرنے کی کوشش.
یہ کچھ ٹائپ کرنا بہت آسان ہے باہر، تروتازہ مارا، اور دیکھتے ہیں کیا.
اور سب سے زیادہ کاوچ سرفنگ کے ساتھ کے طور پر، تجربات اکثر سکتے ہیں
ایک زیادہ بہتر کی قیادت کریں بدیہی تفہیم.
سے بھی زیادہ تو ہم سے صرف یہ، کی طرح، آپ سے بات کر.
>> TOMAS REIMERS: بالکل 100٪ اس بات پر متفق ہوں.
ہم اس کے واپس جانا اگر ایسا ہے، شروع کرتے ہیں ان دونوں کرتے ہیں بالکل وہی جو ٹکڑے کردیئے.
تو ہم اس پر دو قوانین ہیں.
تو سب سے پہلے پس منظر کا رنگ ہے.
اور آپ کو ہم یہ مقرر کیا ہے کہ دیکھیں ایک قدر، ہلکے نیلے رنگ کے برابر.
>> لہذا سی ایس ایس میں، سی ایس ایس طرح ہے کس طرح کے بارے میں بہت ڈھیلے
آپ رنگ کی وضاحت کرنے کی اجازت دی کر رہے.
تو اگر آپ کے نام سے ان کی وضاحت کر سکتے.
آپ بھی ایسا کچھ کر سکتی "سرخ."
اور ہم اس کے لئے واپس جانا تو ہے تو، آپ کو پس منظر سرخ ہے کہ نظر آئے گا.
آپ یہ بھی میں نے آپ کو لگتا ہے کہ واقعی حاصل کر سکتے ہیں اس کے ساتھ خوبصورت تخلیقی حاصل کر سکتے ہیں،
تم نہیں کر سکتے؟
>> یلیسن BUCHHOLTZ-AU: میں آپ ہیکس استعمال کر سکتے ہیں لگتا ہے کہ.
تم نہیں کر سکتے؟
>> TOMAS REIMERS: جی ہاں.
تو کیا تم ہیکس استعمال کر سکتے ہیں.
لیکن مجھے نام وار سوچ رہا ہوں.
نہیں ہیں؟
یلیسن BUCHHOLTZ-AU: تم نے بہت کچھ کیا کر سکتے ہیں.
سب سے زیادہ رنگوں کی طرح بہت زیادہ ہے کہ آپ کو جیسے name-- سکتے ہیں، میں سامن ایک ہے.
>> TOMAS REIMERS: ہمیں کوشش کرتا سامن ہیں.
یلیسن BUCHHOLTZ-AU: میں chartreuse وہاں میں ہے لگتا ہے کہ.
TOMAS REIMERS: جی ہاں.
دیکھ رہے ہو؟
تو کیا تم خوبصورت تخلیقی حاصل کر سکتے ہیں.
>> یلیسن BUCHHOLTZ-AU: آپ خوبصورت تخلیقی مل سکے.
کی طرح، آپ سوچ سکتے ہیں کہ اگر رنگین نام، یہ وہاں میں شاید ہے.
تم واقعی میں ٹھیک چاہتے ہیں تو تفصیل سے، آپ ہیکس جا سکتے ہیں.
>> TOMAS REIMERS: جی ہاں.
تاکہ شش اعشاری.
تم لوگ اس کو واپس یاد ہے اپنے پرانے pset سے، تصویر کی وصولی،
تم لوگوں کو نمٹنے کے لئے تھا ان ہیکس اقدار کے ساتھ.
اور طرح کے، یہ ہے کہ کیا recap کرنے ہیکس اس میں اکٹھا تین اقدار ہے.
تو یہ دو increments کے گروپوں میں ہے.
پہلے دو سرخ قیمت کی نمائندگی.
دوسرا ایک کی نمائندگی کرتا ہے سبز قدر.
اور آخری ایک نیلا ہے؟
>> تاکہ FF نمائندگی ہوتا ایک شش اعشاری 255.
تو اگر آپ 255 سرخ، 255 ہے نیلے رنگ کے لئے سبز، اور 0.
اور اقدار 0 اور 255 کے درمیان تک.
>> سامعین: فی.
تو بنیادی طور پر، ہم تلاش کر سکتے ہم چاہتے ہیں کسی بھی رنگ کے لئے انٹرنیٹ،
اور اصل میں، نام سے جانا جاتا شناخت میں رنگ سپیکٹرم طومار،
اور پھر ہم نے اس میں ڈال سکتے ہیں؟
یلیسن BUCHHOLTZ-AU: بالکل.
لہذا اگر آپ کو بہت زیادہ مکمل کنٹرول ہے رنگ پر آپ سی ایس ایس کے اندر اندر چاہتے ہیں.
ہم کے بارے میں بات کرنے کے لئے جا رہے ہیں پس منظر کی تصاویر بعد میں؟
یا ہم ایسا کرنا چاہتے ہیں؟
>> TOMAS REIMERS: جی ہاں.
بالکل.
تو سب سے پہلے، صرف یہ دکھانے کے لئے سرخ اور سبز رنگ زرد ہوتا ہے.
اور آپ کو کچھ ضرورت ہو تو اس کو تلاش کرنے میں مدد، کیا تم
گوگل کچھ کر سکتا ہے "رنگ چنندہ." جیسے
یلیسن BUCHHOLTZ-AU: اوہ، یہ تو اچھی بات ہے.
میں رنگ چنندہ سے محبت کرتا ہوں.
>> TOMAS REIMERS: colorpicker.com ایک اچھی مثال ہے.
اور یہاں، آپ کو کہ آپ کو نظر آئے گا ایک مکمل فوٹوشاپ کی طرح رنگ چنندہ.
>> یلیسن BUCHHOLTZ-AU: ملی میٹر-HM.
اس کے علاوہ، ٹھنڈی چیزیں آپ کر رہے ہیں رنگ کے منصوبوں کو پیدا کر سکتے ہیں
آپ کی ضرورت نہیں ہے، تا کہ، کی طرح، رنگ clashing کے.
TOMAS REIMERS: اور پھر یہاں اور یہاں ہیکس قیمت منحصر ہے.
لہذا آپ کو ہمیشہ بنیادی طور پر آن لائن حاصل کر سکتے ہیں مقامات سے ہیکس قیمت حاصل کرنے کے لئے.
یہ، کی طرح، یہ صرف کی طرح نہیں ہے کہ ہم تعداد میں دنیا کے سب رنگ دیکھ.
یہ ہم نے آن لائن جانے ہیں زیادہ ہے اور، ہم کیا چاہتے ہیں رنگ کو تلاش
اور پھر نمبر نیچے لے.
یہ صرف ایک واقعی بہت آسان ہے کیونکہ راستہ CS میں چیزوں کا حوالہ کرنے.
>> یلیسن BUCHHOLTZ-AU: اور پھر also-- وہاں ہے
میں نے ویب سائٹ کے عین مطابق نام بھول جاتے ہیں.
لیکن، ضرور ہے کہ میں ، ایڈوب سے کچھ سوچتے ہیں
کہ، آپ کے لئے رنگ کے منصوبوں کو پیدا کرتا ہے جس میں، بہت ٹھنڈا ہے آپ کی وجہ سے
definitely-- یہ کبھی کبھی ہے معلوم کرنا مشکل،
اوہ، میں نے یہ رنگ استعمال کرنا چاہتے ہیں، کیا ایک اور مفید ایک ہو سکتا ہے
کرنے کے لئے میری ویب سائٹ پر دوسری جگہوں پر استعمال کرنے کے لئے، کی طرح، یہ اچھا اور مر بوط بنانے.
>> TOMAS REIMERS: یلیسن کے بارے میں بات ایڈوب ایک کرکے Kuler کے بلایا، مجھے لگتا ہے.
یہ K-U-L-E-R ہے.
یلیسن BUCHHOLTZ-AU: میرا خیال.
میں نے اس سے ایک ہے یقین ہے.
>> TOMAS REIMERS: میری پسندیدہ ہے ہمیشہ رنگ سکیم ڈیزائنر گیا.
>> یلیسن BUCHHOLTZ-AU: ؤہ.
>> TOMAS REIMERS: now-- کون سا ہے
>> یلیسن BUCHHOLTZ-AU: آہ، یہ خوبصورت ہے.
>> TOMAS REIMERS: اور تم بنیادی طور پر کی طرح، کہہ سکتے ہیں،
میں نے ایک دوسرے سے اگلے تین رنگوں چاہتے ہیں.
اور پھر کچھ اچھا کرتے ہیں.
اور اس کے بعد آپ کو ایک مثال حاصل کر سکتے ہیں اس طرح نظر ہو سکتا ہے کے.
اور اس کے بعد تم میں سے کسی کے اوپر ہوور تو ان میں، یہ آپ ہیکس قیمت فراہم کرتا ہے.
>> تو صرف ایک اچھا طریقہ کے طور پر شروع کرنے کے لئے رنگ کے منصوبوں کے بارے میں سوچ
ایک ویب سائٹ میں یا جو رنگ اچھی طرح مل کر جا سکتا ہے.
کہ حیرت کی بات ہو سکتا ہے کیونکہ آپ کو لگتا ہے کے طور پر آسان نہیں لینے کے لئے.
اور پھر دوسرے ٹھنڈی چیز میں نے ہمیشہ اس سائٹ کے بارے میں پتہ چلا ہے
آپ مثال کے طور پر مارا، یہ کریں گے کیسی مثال قائم کی ویب سائٹ کو دکھانے کے
کہ رنگ منصوبہ کا استعمال کرتے ہوئے کی طرح نظر کر سکتے ہیں.
ویسے بھی.
>> پیچھے اگلا، اصل سی ایس ایس کرنے کے لئے.
یلیسن BUCHHOLTZ-AU: لیکن ظاہر ہے، ہم ان ریفرنسز مفید ہو سکتا ہے.
TOMAS REIMERS: نہیں، وہ یقینی طور پر مددگار ثابت ہو سکتا.
دوسرا قاعدہ، یلیسن تو؟
>> یلیسن BUCHHOLTZ-AU: جی ہاں.
دوسرا قاعدہ صرف ہے ہمارے فونٹ پر اسی.
تو فونٹ وزن صرف قسم ہے of-- تو وزن کریں گے
آپ کی طرح، صرف یہ چاہتا ہوں کہ اگر ہو، عام یا، کی طرح، پتلا ہوتا فونٹس،
یا اس کیس میں، جیسے، جرات مندانہ.
میں بھول.
اگر تم چاہتے تھے اسے وہاں ہے کیا ہے معمول، طرح، صرف سے ایک پتلی سی والی؟
TOMAS REIMERS: میں نے اصل میں ایسا نہیں کرتے ایک پتلی ایک ہے تو میں جاننا.
یلیسن BUCHHOLTZ-AU: میں بھول جاتے ہیں.
تاکہ فونٹ کا وزن عام طور پر ہم بالکل اسی جرات مندانہ کے لئے استعمال.
آپ میں واقعی حاصل کرنا چاہتے ہیں یہ ہم آپ کو دکھانے کے لئے جا رہے ہیں.
w3schools کی تمام مختلف ہے چیزیں آپ کو فونٹس کے لئے کیا کر سکتے ہیں.
لیکن بنیادی طور پر، کیا آپ نے کبھی چاہتے ہیں تو فونٹ کے بارے میں کچھ بھی تبدیل کرنے،
یہ ہمیشہ، ہونے جا رہا ہے کی طرح، فونٹ کچھ.
اگر آپ نہیں ہیں تو تو یہ، فونٹ خاندان کی طرح ہو جائے گا اصل کی قسم کو تبدیل کرنے کی کوشش کر.
یہ آپ کو ہے تو فونٹ سٹائل ہوں گے رواں خط کی طرح اسے بنانے کے لئے چاہتے،
یا ترچھے حروف، یا whatnot.
یا اس سے بھی فونٹ کا رنگ، اگر ہم اس کو تبدیل کرنا چاہتے تھے.
>> TOMAS REIMERS: جی ہاں.
تو تم نے اس کو تبدیل کر سکتے ہیں.
اور طرح کے صرف کرنے کے لئے اب recap ہے، آپ کر سکتے ہیں تاکہ
ہم یہاں سلیکٹر اپ ہے دیکھیں.
ہم ان گھوبگھرالی منحنی خطوط وحدانی ہے.
اور پھر ہم قوانین ہیں وقف ناقص طرف سے محدود.
کہ عقل مندی ہے؟
جی ہاں؟
ٹھنڈا.
تو ہے کہ good-- ہے اگر
>> یلیسن BUCHHOLTZ-AU: واپس.
TOMAS REIMERS: چلو خاص طور پر بات کرتے ہیں سلیکٹرز کے کس طرح کے بارے میں ہمارے پاس ہے.
'ٹھیک ہے اب ہم نے کی وجہ سے ترتیب دیں کے صرف ٹیگز دکھایا گیا.
لیکن تم لوگوں کو اس ممکنہ دیکھ سکتا تھا.
آپ دو پیرا ہے کا کہنا ہے ایک صفحہ اور تم پر
سٹائل کے قابل بننا چاہتا ہوں ایک لیکن دوسرے نہیں،
آپ کو صرف اپنے آپ کو محدود نہیں کرنا چاہتا مختلف اصل HTML استعمال کرنے کے لئے کی ضرورت کے لئے
ٹیگز کو ان کے مختلف شیلیوں کو دینے کے لئے.
>> تو ہم نے بنیادی تین ہیں سلیکٹرز کی اقسام.
یلیسن BUCHHOLTZ-AU: جی ہاں.
تو ہم نے کیا ہے جس میں، ٹیگ ہے ہم ابھی کے بارے میں بات کر رہے ہیں.
اس طرح اس طرح آپ کے جسم یا پی کی طرح ہے.
اور پھر ہم جو ہے، کلاس ہے ہم اپنی سی ایس ایس فائل میں اس کی وضاحت کرتے وقت،
یہ ہمیشہ ڈاٹ جا رہا ہے، جو کچھ بھی اگر آپ اپنی کلاس کے نام بننا چاہتا ہوں.
اور یہ ایک سے زیادہ چیزوں پر لاگو کر سکتے ہیں.
>> آپ کو پانچ پیرا ہے کا کہنا ہے اور ان میں سے تین میں سے دو
اسی سٹائل کروانے جا کرنے کی ضرورت ہے، آپ کو اس کی ایک کلاس لاگو ہوں گے.
اور یہ ہمیں ایسا صرف طریقہ ہے.
ہم نے تم میں ایک مثال دیتا ہوں جہاں یہ اصل میں ظاہر کرتا ہے.
لیکن آپ کو شاید کچھ ٹیگ تھا تو P، اس کے بعد، آپ کو، لکھنے گی
کلاس جو بھی کلاسوں کے برابر ہے آپ اس پر لاگو کرنا چاہتے ہیں.
ہم چاہتے ہیں تاکہ جو کچھ بھی طبقے سلیکٹرز اس مخصوص پیراگراف پر لاگو کرنا،
ہم صرف اس طرح لکھ سکتے تھے.
بالکل، میں ایک مثال سوچتے ہیں یہ بہت زیادہ ٹھوس بنا دیں گے.
>> ہمارے پاس ایک دوسرے کا ID ہم مطلع کرنا ہے، جس میں ہے
ایک ہیش، یا پاؤنڈ، یا hashtag کے ساتھ.
TOMAS REIMERS: Octothorpe.
یلیسن BUCHHOLTZ-AU: Octothorpe.
وہ بھی، کام کرتا ہے.
اور یہ ایک واقعی منفرد ہونا چاہئے.
وہ صرف کرنے کی درخواست دینی چاہیے اپنے صفحے پر ایک بات.
کہ ایک مخصوص پیراگراف ہے تو چاہے، یا کسی ایک کی فہرست میں شے، یا جو بھی،
اس منفرد ہونا چاہئے.
اور اسی طرح میں کہ ہم صرف ، کا کہنا ہے کہ کی طرح، کلاس = "class1 CLASS2،"
یہ صرف ہمارے پاس ہے جو کچھ بھی آئی ڈی سے ہو سکتا ہے.
TOMAS REIMERS: جی ہاں.
تو چلو ضرور بات کریں یہاں مثالیں کے بارے میں.
اور میں صرف کودو جا رہا ہوں براہ راست واپس کوڈ میں.
لہذا اپنی HTML کو دیکھو.
اور اس طرح ہم ابھی ایک پیراگراف ہے.
یہ متن ہے.
میں نے ابھی ابھی نظر ثانی کرنے والا ہوں یہ. "یہ متن 1. ہے"
اور پھر ہم کرنے جا رہے ہیں پاس ایک "یہ متن ہے 2."
>> یلیسن BUCHHOLTZ-AU: دوسرا ایک.
TOMAS REIMERS: جی ہاں.
تو کیا اب ہم نے اس کا حق "یہ متن 2، ہے"؟
اور ہم دوبارہ لوڈ کرتا ہے تو یہ دیکھ کر جا رہے ہیں صفحہ، جو ہم تلاش کرنے کے لئے جا رہے ہیں
ہم جا رہے ہیں ہے find--
یلیسن BUCHHOLTZ-AU: ؤہ.
TOMAS REIMERS: جی ہاں.
ہم نے ایک "اس کا ہے تلاش کرنے کے لئے جا رہے ہیں متن 1، "اور" اس "ٹیکسٹ 2. ہے
>> یلیسن BUCHHOLTZ-AU: اور باہر خوبصورت پیلے رنگ کا.
>> TOMAS REIMERS: اور آپ کو نظر آئے گا ، ابھی ہماری سلیکٹر کہ
جس میں پی کی پر لاگو ہوتا ہے، یا پیرا، ان دونوں کو متاثر کرتی ہے،
ان دونوں سے ملنے کی وجہ سے شرط ہے کہ وہ ایک P ٹیگ دونوں ہیں کہ.
کہ کل سمجھ میں آتا ہے.
تو سوال یہ اچھی طرح سے، ہے، ہے کیا ہم چاہتے تھے تو صرف ایک ہی ملتا ہے؟
تو بالکل یلیسن کہہ رہا تھا کی طرح، ہم ایسا کرنے کے دو دیگر طریقے ہیں.
میں نے شناخت کے ساتھ شروع کرنے کے لئے جا رہا ہوں.
>> یلیسن BUCHHOLTZ-AU: کی شناخت کے ساتھ شروع کرتے ہیں.
>> TOMAS REIMERS: اور دونوں کا ان کی صفات ہیں.
اتنی صفات ایچ ٹی ایم ایل میں موجود ہیں.
اور جو کچھ وہ کر رہے ہیں ہے آپ شامل ہے کہ کچھ کے
ہے جس کے ٹیگ کے اندر ٹیگ کا نام سے الگ.
تو اگر آپ ایک سے زیادہ خصوصیت کر سکتے ہیں.
جی ہاں؟
>> یلیسن BUCHHOLTZ-AU: میں صرف جا رہا تھا 7 pset کے کی طرف سے آپ مثال سے، کیا کہنا،
تم میں سے کسی کی سیدھ میں کرنے کی کوشش کریں تو مرکز کے لئے چیزیں،
آپ نے استعمال کی ہے ہو سکتا ہے "متن = مرکز سیدھ کریں."
اور آپ شاید یہ محسوس مرکوز کرنا چاہیے تھا
اپنے متن یا آپ نیویگیشن بار.
تو یہ صرف بھی ایک وصف ہے تم اس سے واقف ہو سکتا ہے.
TOMAS REIMERS: ایک گروپ ہے کی آپ دیکھیں گے کہ صفات.
جی ہاں.
7 pset کے لئے اچھا ریفرنس کی طرح.
ہم ID ہے.
آپ یہ بھی ہو سکتا ہے کلاس، اس طرح کی باتیں.
ایک ٹیگ ہے بہت خصوصیت کر سکتے ہیں.
تاکہ ID کے ساتھ شروع ہونے والے، چلو ہم ڈرامہ مجھے نہیں معلوم of-- ایک شناختی ہے کرنا چاہتے ہیں.
ہم خاص اس کو بلاتا ہوں اس میں سے ایک کی وجہ سے، ہم ہیں
جرات مندانہ بنانے کے لئے جا، اور خط کشیدہ، اور جو کچھ بھی.
یلیسن BUCHHOLTZ-AU: یہ ہے ے والا سپر خصوصی ہو.
TOMAS REIMERS: تو یہ ایک، ہم ID خاص ہیں.
جس طرح کہ منتخب کرنے کے لئے ایسا ہے، تو پھر، ہے main.css میں، ایک پی ٹیگ بجائے،
تم ٹھیک، #special کرتے ہیں؟
اور یہ کہ منتخب کرتا ہے ID خصوصی کے ساتھ بات.
یہ ہر کسی کو احساس ہے؟
سامعین: جی ہاں.
TOMAS REIMERS: اتارنا.
تو اب ہم واپس جاؤ، ہم افوہ see-- لیں گے.
جی ہاں.
ہم دیکھیں گے کہ یہ صرف منتخب ID خصوصی کے ساتھ ایک.
جی ہاں؟
ٹھنڈا لگتا.
جی ہاں.
>> سامعین: کچھ ایک دوا مل سکتی ہے دونوں طبقے اور ایک ID کی منسوب ہے؟
>> TOMAS REIMERS: جی ہاں.
سامعین: ٹھیک ہے.
آپ کو تو دے تو پھر کیا ہوتا یہ اس تنازعے سی ایس ایس میں کچھ شرائط؟
TOMAS REIMERS: بالکل.
ہم یقینی طور پر جا رہے ہیں اس کے بارے میں بات کرنے کے لئے.
تاکہ بالکل وہی جو آپ حاصل کر رہے میں، آپ کو بھی کلاسیں کر سکتے ہیں.
تو چلو میں نے ڈرامہ تین پیراگراف اور میں
پہلا سٹائل کے لئے چاہتا تھا دو لیکن تیسرے نہیں.
ویسے، آپ کا پہلا خیال میں، اچھی طرح سے، ہو سکتا ہے صرف یہ دوسرا شخص ID دے سکتا.
لیکن تم نہیں کر سکتے، ایک شناختی کیونکہ، بالکل وہی یلیسن کہہ رہا تھا کی طرح،
منفرد ہونا ضروری ہے.
>> تو بجائے اس کے ایک شناختی، آپ کو کیا استعمال کر سکتے ہیں کہ آپ ایک کلاس میں استعمال کر سکتے ہیں ہے.
اور ایک کلاس اس کی اجازت دیتا ہے آپ بنیادی طور پر کہتے ہیں کہ ایسا کرنے کی،
یہ ایک گروپ کا حصہ کے طور پر ہے.
اس صورت میں، ہمارے گروپ سپیشل کہا جاتا ہے.
اور ہم پھر کیا کرنے جا رہے ہیں کیا ہے ہم، بلکہ پونڈ سے کہیں لئے جا رہے ہیں
ہم نقطہ کا استعمال کرنے جا رہے ہیں.
ٹھیک ہے؟
نوٹس اور یہ کہ پونڈ اور ڈاٹ صرف سی ایس ایس فائل کے اندر موجود،
نہیں HTML کے اندر اندر.
یلیسن BUCHHOLTZ-AU: جی ہاں.
اہم امتیاز.
>> TOMAS REIMERS: میں نے کیا ، اتنا جدوجہد کی تھی
کیا میں HTML میں ہیش ڈال دیا ہے اور اس کے بعد صرف ایک طویل وقت کے لئے احمقانہ محسوس کیا.
اس کے دونوں منتخب کرتا ہے کہ کس طرح دیکھنے اس طبقے کے ساتھ ہیں؟
ٹھنڈا.
>> اب، چیزوں سے زیادہ کلاسوں ہو سکتا ہے.
کی میں نے پہلی بنانا چاہتے تھے کہنے دو دو پیلے رنگ کا ایک پس منظر ہے
اور دوسری دو ہیں نیلے رنگ کا فونٹ کا رنگ.
اوکے.
میں تھا وہ کیوں مجھے سچ میں پتہ نہیں ہے ایسا کرنے کے لئے چاہتے ہیں، لیکن میں کر سکتا ہوں.
>> یلیسن BUCHHOLTZ-AU: نہیں ہو سکتا آپ کی ویب سائٹ کے لئے اس کی سفارش کی.
لیکن ہمارے مقاصد کے لئے، یہ کروں گا.
>> TOMAS REIMERS: یہ نہیں ہے ایک اچھا رنگ کی منصوبہ بندی.
یلیسن BUCHHOLTZ-AU: ٹھیک ہے، پیلے رنگ اور نیلے رنگ کے اپنے ہائی اسکول کے رنگ ہیں.
میں اگرچہ، نہیں جانتے.
TOMAS REIMERS: یلیسن کی اعلی اسکول کے ایک عظیم رنگ کی منصوبہ بندی کی تھی.
[ہنسی]
تو پھر ہمیں فون کرسکتے ہیں کہ یہ کتنا this-- کال کرتے ہیں تو ہم نے خاص ہیں
اور ہم نے کافی ہے.
میں اس کے لئے، آپ کو استعمال، کا مشورہ بہت زیادہ وضاحتی ناموں.
یلیسن BUCHHOLTZ-AU: جی ہاں، میں کروں گا پیلے یا نیلے رنگ، کی طرح، یہ کہتے.
>> TOMAS REIMERS: ہم نہیں ہیں واقعی، ایک حقیقی ویب سائٹ بنانے
جو ہم نہیں کر رہے ہیں یہی وجہ ہے.
لیکن اگر آپ واقعی میں آپ کو ایک حقیقی ویب سائٹ پڑا
پاس سکتا ہے، کی طرح، مضمون ہیڈر، مضمون کے مواد، پہلا لفظ،
اجازت دیتے ہیں جو اس طرح کی چیزیں، آپ کو بہت زیادہ وضاحتی ہو کرنے کے لئے.
یہ صرف متغیر کی طرح واقعی ہیں.
وہ ایک طرح جہاں میں نام کیا جانا چاہئے اگر آپ اس طرح کے طور پر، like-- ہاں، یہ کر سکتے ہیں.
کامل.
>> تاکہ پس منظر کا رنگ.
اور پھر ہم نے اتنا کہنا لئے جا رہے ہیں رنگ تبدیل کرنے کے لئے راستہ صرف "رنگ" ہے.
اور ہم نے اسے نیلے رنگ بنانے کے لئے جا رہے ہیں.
یہ اچھا ہے.
تو اب ہمارے پاس ہے پہلے دو خاص ہیں.
اگلے ایک جا رہا ہے "خوبصورت = کلاس." ہے
یلیسن BUCHHOLTZ-AU: اور پھر تمہیں مشرق وسطی کے ایک کے لئے "خوبصورت" شامل کرنا چاہتے ہیں.
TOMAS REIMERS: جی ہاں.
اور پھر درمیان سے ایک کے لئے، "خوبصورت،" کیا ہوتا ہے شامل کرنے کے لئے
آپ کو صرف ایک جگہ ہے ہے.
کلاس وصف ایسا ہے ایک خلا سے علیحدہ فہرست ہے
تمام کلاسز کے کہ اس ٹیگ کو درخواست دے.
ٹھیک ہے؟
اس میں سے ایک سے تعلق رکھتا ہے کی طرح یہ نہیں ہے کہا جاتا خاص طبقے کے کچھ قسم
"خصوصی، خلا، خوبصورت."
یہ دو classes-- سے تعلق رکھتا ہے خصوصی اور خوبصورت.
جی ہاں؟
ٹھنڈا.
>> اور پھر اگر ہم دیکھیں کیا ہوتا ہے میں، ہم ہیں
سب سے پہلے ایک ہے کہ دیکھنے جا پیلے رنگ کے پس منظر، سیاہ متن.
دوسری one--
>> یلیسن BUCHHOLTZ-AU: جرات مندانہ --has نیلے متن کے ساتھ پیلے رنگ کے پس منظر.
اور ہماری آخری ایک طرح کی ہے ہم اس کے لئے مقرر ہے کہ نیلے رنگ کے متن.
>> TOMAS REIMERS: اتارنا؟
سلیکٹرز کا کام کیسے؟
بہت اچھے.
>> یلیسن BUCHHOLTZ-AU: ہم کرنا چاہتے ہیں اب اس کے بعد تنازعہ کے بارے میں بات کرتے ہیں؟
>> TOMAS REIMERS: تو جی ہاں.
بالکل.
تو کیا ہوا اگر آپ ایسا ہوتا ہے حق، ایک ایک ایسا تنازعہ ہے؟
کے سب سے پہلے ایک ڈرامہ کسی چیز کا تعین کرتا like--
یلیسن BUCHHOLTZ-AU: ہو سکتا ہے اس میں سے ایک پس منظر کے بدلتے رہتے؟
TOMAS REIMERS: جی ہاں.
تو اگر ہم کرنے جا رہے ہیں "خوبصورت" سامن کو پس منظر تبدیل.
یلیسن BUCHHOLTZ-AU: آپ صرف ساتھ ہو تمام عظیم رنگوں آج، ٹامس.
TOMAS REIMERS: جی ہاں.
مجھے پتہ چلا کیونکہ میں کر سکتا ہوں ایک حقیقی رنگ کے طور پر سامن کا استعمال.
تو ہم نے صرف یہ کہ کیا کرنے جا رہے.
میں نے بھی غروب آفتاب ایک حقیقی رنگ ہے لگتا ہے کہ.
سامعین: غروب آفتاب ایک حقیقی رنگ ہے؟
یلیسن BUCHHOLTZ-AU: چلو اس کی کوشش.
TOMAS REIMERS: اس ڈیمو کے بعد صرف، صورت میں یہ اپ messes کیونکہ
میں نے ٹھیک کیا جا کرنے کے لئے نہیں کرنا چاہتے.
تو ہم نے سامن ایک حقیقی رنگ جانتے.
پر تو کسی بھی اندازے کیا ہونے جا رہا ہے؟
>> یلیسن BUCHHOLTZ-AU: کوئی خیال؟
>> سامعین: [اشراوی].
>> TOMAS REIMERS: جی ہاں.
لہذا اگر آپ کو یہ بالکل حق ہے.
بنیادی طور پر، یہ لیتا ہے یہ دیا گیا تھا کہ آخری حکمرانی.
>> یلیسن BUCHHOLTZ-AU: تو یہ ہے جہاں جھرن کاری عمل میں آتا ہے.
>> TOMAS REIMERS: تو کس طرح یاد ہم سٹائل شیٹس جھرن کاری ہے کہ تھا؟
اس سے تو، ہم قسم کا مطلب ہم قوانین کا ایک گروپ ہے کہ
جس سے ہر ایک دوسرے کے اوپر لاگو ہوتے ہیں، اور وہ بھی ایک دوسرے کو زیر کرسکتے ہیں.
>> یلیسن BUCHHOLTZ-AU: تو نچلے حصے میں جو کچھ بھی کی
سب سے اوپر جو کچھ بھی جگہ لے لے گی.
تم وہ مکمل طور پر قواعد ہو سکتا ہے پہلے سے کسی چیز کی نفی.
آپ کا خواہاں ہے کیوں کہ میں بھی ہے آپ اسٹائل کے ہوتے ہو تو ہوشیار،
لہذا آپ کو قوانین کی تشکیل نہیں کر رہے ہیں آپ کو صرف مکمل طور پر زیر کرنے کر رہے ہیں.
>> TOMAS REIMERS: یا شاید آپ قواعد ادلیکھت کرنا چاہتے ہیں.
>> یلیسن BUCHHOLTZ-AU: یا شاید تم کرتے ہو.
جی ہاں.
>> TOMAS REIMERS: اگر آپ کو ایک ہونا دکھاوا سب سے زیادہ چیزوں پر لاگو ہوتا ہے جس کلاس،
لیکن چلو آپ تبدیل کرنا چاہتے ہیں سرخ اور فانٹ میں پس منظر کا رنگ
سب سے زیادہ کے لئے جرات مندانہ کرنے کے وزن چیزیں، لیکن ایک کے لئے،
آپ کو صرف پس منظر کا رنگ کرنا چاہتے ہیں سرخ ہو جائے لیکن آپ کو تمام دوسری چاہتے ہیں کے لئے
خواص، آپ کو کچھ کر سکتا ہے جیسے "فونٹ وزن = نارمل،"
جو اس کے بعد کہ جرات مندانہ تبدیلی کالعدم ہو جائے گا.
جی ہاں؟
ایک بار پھر، کا بہترین طریقہ، مجھے لگتا ہے کہ یلیسن یہ صرف مشق کر رہی ہے.
>> یلیسن BUCHHOLTZ-AU: تجربات.
>> TOMAS REIMERS: پریکٹس، عملی طور پر، پریکٹس، اور تجربہ.
مجھے لگتا ہے کہ بہت سے لوگوں کو معلوم ہے سی ایس ایس کے اندازہ اور چیک کے صرف ایک بہت ہے
جہاں تو دن کے آخر میں آپ، کچھ طرح کرنا چاہتا ہوں
آپ کو ایک کچا اندازہ نہیں ہے، لیکن اگر آپ اب بھی شاید ضرورت
بات کو یقینی بنانا اسے باہر کرنے کی کوشش کرنا تم اس کی طرح لگتا ہے پتہ.
>> سامعین: آپ درخواست دے رہے ہیں جب کلاسیں، ایک سے زائد
اسی پیراگراف کو یا حصے، یہ کرتا ہے
معاملہ کیا ہے تاکہ آپ کر سکتے ہیں کی قیمت درج کرنے میں ان کو ٹائپ؟
>> TOMAS REIMERS: نہیں، بالکل نہیں.
>> یلیسن BUCHHOLTZ-AU: بہرحال معتبر ہے اپنے سی ایس ایس سٹائل شیٹ کے اندر اندر حکم.
سامعین: آپ کے سوال دہرانے سکتا ہے؟
TOMAS REIMERS: اوہ.
یلیسن BUCHHOLTZ-AU: کے اندر اندر کلاس، جب آپ کو دے رہے ہیں کی کلاسیں
HTML میں کچھ کرنے کے لئے، کرتا ہے یہ وہ میں ہیں جس کے حکم سے کوئی فرق؟
اس حکم سے کوئی فرق نہیں پڑتا.
بہرحال معتبر کا حکم ہے آپ سی ایس ایس کے اندر اندر کلاس سلیکٹرز،
آپ کی سٹائل شیٹ کے اندر اندر.
>> TOMAS REIMERS: آواز اچھا ہے؟
>> یلیسن BUCHHOLTZ-AU: پیارا، دلکش.
>> TOMAS REIMERS: اور پھر ہم to-- جاری رکھنے کے لئے جا رہے ہیں
یلیسن BUCHHOLTZ-AU: ہم اگلے کیا ہے؟
میں بھول.
اوہ، ہم صرف مثالیں ہیں.
لیکن ہم اس قسم کے ان لوگوں نے کیا ہے.
ہم نے مکھی پر مثالیں نے کیا ہے.
>> TOMAS REIMERS: ہم کرنے کے لئے حاصل جلد ہی سلیکٹرز کو اکٹھا.
>> یلیسن BUCHHOLTZ-AU: اوہ، ہم سلیکٹرز کو اکٹھا کرنے کے لئے حاصل.
TOMAS REIMERS: تو کچھ مثالیں ہمارے پاس موجود ہے
# dog-- پونڈ، یا hashtag، یا octothorpe، یا جو کچھ بھی
آپ that-- تیز فون کرنا چاہتے ہیں.
>> یلیسن BUCHHOLTZ-AU: تیز کتے.
>> TOMAS REIMERS: تو پھر تم .pets ہے.
کچھ، کتے کی ایک شناخت ہے صفحہ پر صرف ایک کتا نہیں ہے.
کسی چیز کی ایک شناخت ہے بلی، صرف ایک بلی نہیں ہے.
صفحے پر بہت سے پالتو جانور کو ہو سکتی ہے.
ہم کلاسیں جو دی یہی وجہ ہے کہ.
آپ P کی ایک مثال ہے.
اور پھر میں سے ایک ایسا ہے آخری مثال، جس میں
، ہم کے بارے میں بات نہیں کی ہے کچھ ہے آپ ان کو جمع کیا ہوتا ہے جب ہے.
p.pets تاکہ.
>> اس کے لئے تو، چلو واپس جانے دو کوڈ اور ہاں another-- متعارف کرانے.
تو یہاں.
>> یلیسن BUCHHOLTZ-AU: میں یہ واقعی ہے کی طرح محسوس
کی طرح صرف مثالوں کے ذریعے تلاش واقعی یہ جاننے کے لئے راستہ ہے.
تو ہے کہ ہم کیا کر رہے ہیں ہے.
>> TOMAS REIMERS: تو چلو ہم ڈرامہ صرف دائیں متن 2، منتخب کرنے کے لئے چاہتے ہیں؟
تو ہم یقینی نہیں کر سکتے ہیں ایک ID کے ساتھ ایسا.
ویسے، ہم نے ایک کے ساتھ ایسا کر سکتا ہے ID، لیکن یہ ایک ID کی ضرورت نہیں ہے.
میں ایک کا اضافہ، لیکن چلو دکھاوا کر سکتا ہے میں نے ایک کو شامل کرنے کے لئے نہیں چاہتے تھے کہ
یا یہ پہلے سے ہی کچھ اور ہے.
میں اس کے ساتھ ایسا نہیں کر سکتے.
ٹیگ حق، یقینی منفرد نہیں ہے؟
اور نہ ہی کلاس ہے.
لیکن تم ان چیزوں کو اکٹھا کر سکتے ہیں.
چلو ہم کچھ کرنا چاہتے تھے کہنے دو جس سے نہ صرف چیزوں پر لاگو ہوتا ہے جس
کلاس خصوصی ہے اور جس کلاس خوبصورت ہے.
>> تو کیا ہوا اگر آپ کر سکتے ہیں، main.css میں ہے آپ کی یہ پہلی کو حذف کرتے ہیں، کہہ سکتے ہیں.
اگر آپ ان کو اکٹھا کر سکتے.
تو کیا تم .special کیا کر سکتے ہیں.
کوئی جگہ.
بس .special.pretty.
کیا مطلب ہے کہ کچھ ہے جس میں خصوصی اور خوبصورت بھی ہے.
کہ عقل مندی ہے؟
اور ہم یہاں جانا ہے تو، کیا آپ کو دیکھ کر جا رہے ہیں
اس اصول صرف پر لاگو ہوتا ہے ان میں سے دونوں ہے جس میں دوسری ایک،.
اور آپ کو بہت سی چیزیں کے لئے یہ کر سکتے ہیں.
تم چلو کہیں سکتے ہیں میں نے صرف چاہتا تھا دکھاوا
خوبصورت کلاس ہے جس چیز پر اور یہ بھی ایک پیراگراف ٹیگ ہیں جو.
تاکہ p.pretty.
چلو میں تھا کہ ڈرامہ ٹیگ کے جسم پر بہت کچھ.
ٹھیک ہے؟
میں اس چلاتے ہیں اور میں کر سکتے ہیں یہ صرف ہے کہ دیکھ سکتے ہیں
ہیں جو چیزوں پر لاگو کرنے کے لئے جا خوبصورت طبقے کے ساتھ پیرا.
اور آپ کو، ان کو اکٹھا کر سکتے بنیادی طور پر، آپ چاہتے ہیں کے طور پر کئی کے طور پر.
لہذا آپ کو صرف ان کے ساتھ ڈال کر سکتے ہیں.
کہ عقل مندی ہے؟
یلیسن BUCHHOLTZ-AU: تو اس قسم کی زیادہ مفید ہے
جب، ٹامس شاید، اس سے قبل کہہ رہا تھا آپ کو ایک بہت ہی پیچیدہ ویب سائٹ ہے،
اور آپ پہلے سے ہی ایک بہت کچھ ہے لکھا گیا اور ان قوانین کے،
اور آپ کو صرف کرنے کی ضرورت ہے سامنے سے دو جمع.
جیسے اس کی بجائے ایک پوری لکھنے کا نیا سلیکٹر اور، وہاں اس کو تبدیل کرنے
آپ صرف اکٹھا کر سکتے ہیں انہیں یہ تک یکساں جہاں.
>> TOMAS REIMERS: یا تم کبھی کبھی باہر تلاش کر سکتے ہیں
ایک کلاس بھی ہے جس میں جیسے فونٹ کا رنگ نیلا بناتا ہے،
اور ایک اور کلاس موجود ہے جس میں پس منظر نیلا بناتا ہے.
اور یہ کہ صرف کام نہیں کرے گا.
لہذا اگر آپ کو ایک خاص معاملے میں لکھنے، جہاں، یہ دونوں ہوں تو like-- لیکن، تم کیا ہو
کیا کرنے جا آپ کے لئے جا رہے ہیں اس میں سے ایک نیلے رنگ کے اس سایہ کر دے
اور یہ ایک نیلے رنگ کے اس دوسرے سایہ.
ہے نا؟
>> یلیسن BUCHHOLTZ-AU: اچھا مستثنیات کی ان اقسام کے لئے.
TOMAS REIMERS: کے لئے تو مسائل کے بارے میں سوچتے ہیں
آپ ان کو اکٹھا ہے کہ جب پیدا ہو سکتا.
ٹھنڈا.
تو واپس ہماری پیشکش میں.
یلیسن BUCHHOLTZ-AU: ہم پہنچ ہی گئے ہیں.
TOMAS REIMERS: اور یہ منسلک کرنے کے بند کر دیا ہے.
یلیسن BUCHHOLTZ-AU: نہیں، اوہ.
یلیسن BUCHHOLTZ-AU: میں سی ایس دفتر، انٹرنیٹ کے نیچے جاتا ہے.
اوہ، وڈمبنا.
>> TOMAS REIMERS: تو خوش قسمتی سے، ہم کر سکتے ہیں انٹرنیٹ کے بغیر پیش، میں، کا اندازہ لگانا
ہم یہاں تمام سلائیڈوں ہے کیونکہ.
تو چلو بارے میں بات کریں ٹیگز کے رشتے.
یلیسن BUCHHOLTZ-AU: صحیح.
رہی اتنے صرف کی قسم ٹامس نے جو کہا اس سے دور،
اس نے ایسا کرنے کی صرف ایک طریقہ ہے.
تو ہم نے کچھ والدین ایک بچے سلیکٹر کے ساتھ سلیکٹر.
تو یہاں اس مثال میں، ہم کچھ ہے ایک کلاس navbar کے، کلاس کے بٹن کے ساتھ جسم.
آہ.
>> TOMAS REIMERS: اوہ، معاف کرنا.
>> یلیسن BUCHHOLTZ-AU: اور بنیادی طور پر، اس کا مطلب کیا
کی طرح، بچوں کی سب کو منتخب کیا جاتا ہے سلیکٹرز کے ان قسم کے تمام،
اس اصلی سلیکٹر کے اندر اندر.
اور ان لوگوں کو صرف لوگ ہیں یہ کبھی میں درخواست دینے کے لئے جا رہا ہے.
مجھے نہیں معلوم کہ آپ کو اگر ایک بہتر طریقہ ہے of--
TOMAS REIMERS: تو میں سوچنے کے لئے راستہ لگتا ہے
اس بارے میں کہ کس طرح اس سے پہلے یاد رکھنا ہے ہم قسم کے ساتھ مل کر ان کی طرح ڈال دیا.
اور پھر اس سے ایک عنصر کا مطلب جس میں ان کے تمام میچز.
یہ کیا کہہ رہا ہے میں نے، ہے آپ کو سب کچھ ملانا چاہتے
میں چاہتا some-- اندر آپ کو ایک سلیکٹر تلاش کرنے کے لئے.
اور پھر اس کے اندر، میں چاہتا ہوں آپ نئی چیزیں ملنے کے لئے.
ہے نا؟
لہذا سی ایس ایس میں، یہ سب کے بارے طرح کی ہے ان اشیاء سے مطابقت کرنے کے قابل ہونے.
اور اگر تم سے ملنے کے لئے کوشش کر سکتے ہیں دیگر اشیاء کے اندر اندر اشیاء.
>> تو اصل میں ایک مثال دیتے، اور ہم اس کی وضاحت کریں گے لگتا ہے.
تو چلو ہم خصوصی پڑے ڈرامہ، خصوصی خوبصورت، جو کچھ بھی.
اور پھر ہم اوکے، ایک لنک ہے؟
تو ایک ایک لنک ہے، یاد ہے.
یہ کہیں بھی جانے کے لئے نہیں جا رہا ہے.
اور ہم اس کو دینے کے لئے جا رہے ہیں کلاس لنک، مجھے لگتا ہے.
چلو اسے دے دو مجھے ایک خیال دینے کلاس.
یلیسن BUCHHOLTZ-AU: اتارنا.
TOMAS REIMERS: چلو Coo-- یہ بہت کلاس جاؤ.
کیوں نہیں؟
>> یلیسن BUCHHOLTZ-AU: ٹھیک ہے.
TOMAS REIMERS: تو ابھی کے خوبصورت چیزیں
پس منظر کے بنانے کے لئے جا رہے ہیں سامن کے نیلے، پس منظر کا رنگ.
کہ سمجھ میں آتا ہے.
اور ہم this-- کرتے ہیں تو
>> یلیسن BUCHHOLTZ-AU: آپ متن شامل کرنا چاہتے ہیں
اتنی بالا ربط اصل میں ظاہر کرتا ہے؟
TOMAS REIMERS: کہ ایک اچھا کال ہو گا.
یلیسن BUCHHOLTZ-AU: 'راہ حق اب ہم کچھ نہیں ملنے والا ہے صرف کر رہے ہیں.
TOMAS REIMERS: تو یہ ایک لنک ہے.
"یہ ایک لنک ہے."
اوہ، اور یہ جا رہا ہے ایک اور لنک ہونے کے لئے.
چلو اس طبقے دے دو "ٹھنڈا."
تم ٹھیک کہتے ہو.
ٹھنڈا.
تو ابھی ہم اس پر قبضہ کرنے جا رہے ہیں.
ہم ایک پھینک کرنے کے لئے جا رہے ہیں.
ہم میں ایک ہے خاص ٹیگ، اور بھی ہم
خوبصورت ٹیگ میں سے ایک ہے کے لئے جا رہے ہیں.
اور ابھی ہم کرنے جا رہے ہیں کیا کریں ہم cool-- بنانے کے لئے جا رہے ہیں
کیا ہمیں ایسا کرنا چاہتے ہیں؟
یلیسن BUCHHOLTZ-AU: ہم اس کو بڑا کر سکتا ہوں؟
TOMAS REIMERS: چلو اس کا ایک سرحدی دے دو.
یلیسن BUCHHOLTZ-AU: ہم سرحد سکتا تھا.
TOMAS REIMERS: جی ہاں.
تو اگر ہم کچھ کرنے کے لئے جا رہے ہیں کی طرح، سرحد is-- اور ہم ہیں
سب ایک دوسرے میں اس کی وضاحت کرنے کے لئے جا.
now-- لئے
>> یلیسن BUCHHOLTZ-AU: باکس ماڈل کے.
TOMAS REIMERS: لیکن اب کے لئے، ہم ہیں صرف یہ ایک سرحد دینے جا رہا.
تو کیا مطلب یہ ہے کہ تم ہو یہ ہے ان لنکس کو دیکھنے کے لئے کی جا رہی.
اور آپ کو وہ ہے کہ دیکھ کر جا رہے ہیں ان، کی طرح، بدسورت سیاہ سرحدوں، جس میں
ٹھنڈا ہے.
>> یلیسن BUCHHOLTZ-AU: ہماری ویب سائٹ کتنا خوبصورت ہے.
>> TOMAS REIMERS: جی ہاں.
ہماری ویب سائٹ بہت اچھا ہے.
تو ان دونوں لنکس ہیں، اور وہ ظاہر.
اب ہم میں ڈرامہ صرف یہ کرنا چاہتا تھا
یہ کچھ اندر نہیں تھا تو جس کے سامن کا ایک پس منظر تھا.
تو جو اس کو یاد ہے کہ ، سامن کی ایک پس منظر ہے
یہ بہت طبقے کی ہے کیونکہ.
>> لیکن ہم صرف ٹھنڈا یہ کہنا چاہتا ہوں کلاس میں کلاس میں، خصوصی نہیں ہیں جس
خوبصورت، کہ سرحد ہونا چاہئے.
ویسے، آپ کیا کر سکتے آپ ہی ہیں .cool،، .special، خلا کہہ سکتے ہیں.
آپ کو لگتا ہے اور جب کہ، کیا کر رہا ہے اس کے بارے میں، یہ بنیادی طور پر کہہ رہا ہے،
اوکے، مجھے سب کچھ مل کہ خصوصی میل کھاتا ہے.
پھر ان کے ٹیگ کے اندر اندر، مل اچھا ہے کہ مجھ سے سب کچھ.
یلیسن BUCHHOLTZ-AU: تو ایک اور طریقہ کہ، اس کے بارے میں سوچنے کے لئے اچھا ہو سکتا ہے
C لئے اسے واپس لانے، ہے گنجائش کے خیال کی طرح.
تو اگر آپ کسی کے پاس جب والوں کی طرح سلیکٹر،
ہم اس سے پہلے کے لئے کام کر رہا ہوں کہ، آپ پورے ویب صفحہ، آپ HTML کے سب
دائیں، اپنے دائرہ کار کے اندر اندر ہے؟
لیکن ہم ان کے پاس جب والدین بچے کے تعلقات،
آپ نیچے جہاں کو محدود کر رہے ہیں کے طور پر اگر یہ بات ہے آپ، ایک مخصوص جگہ کے لئے تلاش کر رہے ہیں
کے طور پر اگر، طرح، ہم کے اندر اندر تلاش کر رہے ہیں ایک مخصوص تقریب کے بجائے
ہماری پوری فائل کا.
سامعین: کروگے، ذہن میں اس کے ساتھ تو ہم changed-- تھا تو یہ بات کی ہے
یلیسن BUCHHOLTZ-AU: حکم؟
سامعین: سی ایس ایس میں --the کلاس ، خلا .cool کرنے، .special؟
یلیسن BUCHHOLTZ-AU: جی ہاں، کیونکہ اس کے بعد کہ
دائرہ کار اس پر، کہیں گے ٹھنڈی ہے کہ سب کچھ،
اور پھر کیا has-- کی طرف دیکھو میں، اس معاملے میں، کی طرح، مطلب
میں نے اسے تبدیل کر دیا ہے نہیں لگتا.
>> TOMAS REIMERS: ہم نے کیا کہا تھا؟ تو
معذرت.
>> یلیسن BUCHHOLTZ-AU: ہم تو یہ تو ٹھنڈا اور اس سکوپ
خصوصی سے باہر چیزیں تلاش، یہ اصل میں، ایک ہی ہو جائے گا.
>> TOMAS REIMERS: تو یہ نہیں ہو گا.
>> یلیسن BUCHHOLTZ-AU: یہ نہیں؟
اوہ ٹھیک ہے، اوہ.
میں غلط ہوں.
>> TOMAS REIMERS: تو وجہ اس different-- عام غلطی ہے
جاتا ہے کہ ابھی صرف لنک کا حق، ڈاؤن لوڈ، اتارنا ہے؟
تم لوگوں کو ہے میں نے، میرے سوال کا اندازہ لگانا اس صفحہ پر کیا .cool طرف سے مماثلت ہے؟
دو ٹیگز کے حق، یہاں ہیں؟
جو اس سے ایک اور اس سے ایک ہے.
دونوں ٹھنڈی ملاتے ہیں.
اور کچھ نہیں کرتا.
تو تم نے کہا ہے تو، .cool، خلا، .special، آپ ہی کہنے جا رہے ہیں،
ان ٹیگز کے اندر اندر، خاص بات ھے؟
یلیسن BUCHHOLTZ-AU: HM.
اس کا کیا اسے صحیح ہے.
یہ یہاں صرف کچھ کی طرح ہے کیونکہ.
>> TOMAS REIMERS: تو یہ کچھ بھی نہیں کا انتخاب کرتا ہے.
>> یلیسن BUCHHOLTZ-AU: کے ساتھ جبکہ خصوصی، ہم یہاں ان ٹیگ کے اندر اندر ہیں.
>> TOMAS REIMERS: وہ لوگ اور ان لوگوں کو.
سامعین: ٹھیک ہے.
تاکہ مستقبل کے حوالے سے ان کی ٹیگز سلیش؟
>> TOMAS REIMERS: جی ہاں.
کہ عقل مندی ہے؟
کس طرح یہ بنیادی طور پر ہے گنجائش کو کم کرنے کی کوشش کر.
یلیسن BUCHHOLTZ-AU: جی ہاں.
مجھے لگتا ہے کہ شاید لگتا ہے سب سے آسان طریقہ اس کے بارے میں سوچنے کے لئے.
>> TOMAS REIMERS: تو ہم نے اس کو پایا، اور ہم اس سے دونوں کو خصوصی ملائے پایا.
اور پھر ہم کے اندر اندر، پوچھ رہے ہیں یہ لوگ، ٹھنڈا کیا ہے؟
اور یہ ایک، یہ ایک ٹھنڈی کے اندر اندر.
اس میں سے ایک کے اندر اندر، کچھ بھی نہیں اچھا ہے.
تو کیا یہ رہتا ہے کہ صرف ٹیگ ہے.
>> یلیسن BUCHHOLTZ-AU: ٹھنڈی جبکہ صرف وہاں ان کے ایک ٹیگز کے اندر اندر ہے.
TOMAS REIMERS: بالکل.
اور ان لوگوں میں موجود خصوصی کیا ہے؟
کچھ بھی نہیں.
اب، میں کہتا ہوں گے کیا ہے کوئی جگہ نہیں تھی تو،
آپ کو ٹھنڈی اور special-- ہے کیا پوچھ رہے ہیں یا دائیں، خوبصورت اور خاص کیا ہے؟
آپ .special.pretty کہتے ہیں، کہ ہے .pretty.special طور پر ایک ہی.
>> خلا اتارنے کیا ہے کیونکہ آپ .special کہنا ہے کہ جب، کر رہا ہے سے پوچھ،
آپ، اوکے، پوچھ رہے ہیں جو لوگ خاص ہیں؟
اور پھر، ان لوگوں میں سے جو لوگوں کے بھی بہت سے ہیں،
جس میں گرائمر، ایک ہی ہے، پوچھ کے طور پر، بہت خوبصورت ہے کیا،
اور پھر ان لوگوں کا، خصوصی بھی کیا ہے؟
ہے نا؟
اس کا فرق ہے کیا ہے کیا کے اندر اندر ہے.
سامعین: ٹھیک ہے.
TOMAS REIMERS: جی ہاں.
بہت اچھے.
then-- ذہن میں اس کے ساتھ اتنی
>> یلیسن BUCHHOLTZ-AU: میں ہمارے آخری سوچتے ہیں چیز (فینسی برطانوی تلفظ میں)
باکس ماڈل.
>> TOMAS REIMERS: box-- [منہ دبا ہںسنا] مجھے یلیسن کا کہنا ہے کہ جس طرح سے محبت.
باکس ماڈل بات تو.
>> یلیسن BUCHHOLTZ-AU: بس ہے ایک باکس، میں نے آپ کے باکس کے ماڈل ہو جائے گا.
TOMAS REIMERS: تو چلو اس کے بارے میں بات کرتے ہیں.
تو ابھی ہم نے ایک بہت خرچ کیا ہے وقت کی سلیکٹرز کے بارے میں بات.
اب تک، تم لوگوں کی طرح، شاید ہیں، آپ کو پتہ ہے selectors-- کے مالک،
بالکل وہی مواد کو منتخب کرنے کے کس طرح ہے کہ آپ اپنی سکرین پر جوڑتوڑ کرنا چاہتے ہیں.
>> تو اب سوال، کہ کس طرح ہے بالکل وہی جو آپ اس جوڑتوڑ کر سکتے ہیں؟
لہذا میں نے سب سے بنیادی لگتا ہے اس کے بارے میں سوچنے کے لئے راستہ
ساتھ ساتھ، بالکل ویسا ہی کیا، ہے سی ایس ایس میں ایک عنصر ہے؟
ہم نے وقت کی ایک بہت خرچ کیا ہے کے بارے میں بات، ایک ٹیگ ہے کیا،
یا سب سے بنیادی ہے کیا ہے ایک ٹیگ کی نمائندگی؟
>> کے بارے میں سوچنے کے لئے ایک اچھا طریقہ یہ ہے کہ، سامن کیا شکل ہے؟
، طرح، کیا شکل ہے پس منظر کی سالمن رنگ؟
>> سامعین: یہ ایک مستطیل ہے.
>> TOMAS REIMERS: یہ درست ہے، ایک مستطیل ہے؟
>> یلیسن BUCHHOLTZ-AU: ایک چال سوال نہیں تھا.
[ہنسی]
>> TOMAS REIMERS: کوشش نہیں اس دیر تم لوگوں کو دھوکہ کرنے کے لئے.
تو ہم نے اس مستطیل ہے.
اور ٹیگ ایک پی دائیں، ہے؟
تو ہے کہ ہم اچھی دیتا ہے پیراگراف اس یقین
میں، ایک مستطیل کے طور پر ظاہر کیا جاتا ہے براؤزر کے ذہن، میں کم از جس میں
یہ ہے.
>> یلیسن BUCHHOLTZ-AU: میرا مطلب ہے براؤزر، عام طور مستطیل ہیں
تو یہ سمجھ میں آتا ہے.
>> TOMAS REIMERS: خیال میں یہاں ہے سی ایس ایس کے اندر ٹیگز کے تمام ہے کہ
ایک مستطیل کے طور پر نمائندگی کر رہے ہیں.
اور ہر مستطیل چار ہے سی ایس ایس کے مطابق حصوں، ٹھیک ہے؟
اگر آپ اصل مواد ہے.
ٹیکسٹ جھوٹ جہاں ہے.
>> یلیسن BUCHHOLTZ-AU: ہو سکتا ہے کہ آپ کی تصویر.
>> TOMAS REIMERS: جی ہاں.
آپ ہی ہیں جس میں، بھرتی سفید جگہ کی کچھ قسم کی.
پھر آپ کو ایک کی سرحد ہے.
اور پھر آپ کو، مارجن کی ضرورت ہے جس اس میں سے باہر سفید جگہ ہے.
کہ کوئی احساس نہیں کرتا تو کیا کسی کو بھی، اس لیے ہم ہیں
ایک سیکنڈ کے لئے اس کے بارے میں بات کرنے جا رہا.
تو یہیں، ہم کیا کرنے جا رہے ہیں ہم ٹھیک ہیں، کچھ divs کے پیدا کرنے کے لئے جا رہے ہیں کیا جاتا ہے؟
مجھے معاف کیجئے گا، جبکہ میں ...
>> یلیسن BUCHHOLTZ-AU: میں جیسا لگ رہا ہے ہم میں ایک خوبصورت تصویر ڈال چاہئے.
>> TOMAS REIMERS: ہم ضرور کرنا چاہئے.
>> یلیسن BUCHHOLTZ-AU: میں نے سب کی طرح محسوس
ایک سے مستفید ہو سکیں پیاری تصویر، تمام ہے.
>> TOMAS REIMERS: کر سکتے ہیں ہم a-- سے فائدہ اٹھا
>> سامعین: جی ہاں، اس بات کا یقین.
TOMAS REIMERS: ٹھیک ہے، ڈاؤن لوڈ، اتارنا.
تو ہم نے ایک پیارا رکھنا چاہیئے کہیں میں آپ کی تصویر.
یلیسن BUCHHOLTZ-AU: میں ایک کی طرح محسوس خوبصورت بنی ہے ابھی مفید ہو سکتا ہے.
TOMAS REIMERS: ضرور.
یلیسن BUCHHOLTZ-AU: ہفتے کے اختتام.
کچھ ہے adorab--
>> TOMAS REIMERS: کس طرح ایک بلی کا بچہ مککیبازی؟
>> یلیسن BUCHHOLTZ-AU: ایک بلی کا بچہ بھی کام کرتا ہے.
>> TOMAS REIMERS: اتارنا، کیونکہ اس کے لئے ایک ویب سائٹ ہے.
یہ PlaceKitten کہا جاتا ہے.
یلیسن BUCHHOLTZ-AU: یہ بہت اچھا ہے.
TOMAS REIMERS: جی ہاں.
یلیسن BUCHHOLTZ-AU: بس کی طرح، کے لئے، آپ کی ویب سائٹ میں پلیس ہولڈر تصاویر.
TOMAS REIMERS: ملی میٹر-HM.
PlacePuppy بھی ہے.
اور PlaceBacon وہاں ہے.
>> یلیسن BUCHHOLTZ-AU: PlaceBacon؟
سچ میں؟
>> TOMAS REIMERS: اوہ، ہم ایسا نہیں کرتے یہاں انٹرنیٹ تک رسائی ہے.
>> یلیسن BUCHHOLTZ-AU: [ہاںفتے]
المناک.
TOMAS REIMERS: دوسری صورت میں، میں تم لوگوں کو دکھائے گا
کس طرح آپ کی ویب سائٹ میں تصاویر ڈال کرنے کے لئے.
ہم اس کو حاصل کرنے کی کوشش کرنے کے لئے جا رہے ہیں ہمیں جانا ہے پہلے کام کر.
لیکن اب کے لئے، ہم صرف ہو پھر رنگوں میں بات کرنے جا رہا.
ہم kittens-- کی تصویریں رکھنا چاہتا ہوں
>> یلیسن BUCHHOLTZ-AU: ہم نے کیا.
>> TOMAS REIMERS: --the انٹرنیٹ کی لمحے کے لئے نیچے ہونے.
تو ہم نے دو divs ہے، اور ہم ہیں ان میں دو آئی ڈی دینے جا رہا.
ہم یہ کہتے ہیں جا رہے ہیں "سب سے پہلے" اور "دوسرا."
تاکہ ID = "پہلا."
اور ہم نے انہیں دو رنگ دینے کے لئے جا رہے ہیں.
تو ہم نے کچھ منتخب کرتے کہ کس طرح "سب سے پہلے" کی ID کے ساتھ؟
یلیسن BUCHHOLTZ-AU: ڈاٹ یا ہیش؟
سامعین: شارپ.
TOMAS REIMERS: تیز، کامل.
تیز، ہیش، جو کچھ بھی we--
>> یلیسن BUCHHOLTZ-AU: بہت سی چیزیں اسے فون کرنے کی.
>> TOMAS REIMERS: ٹھیک ہے.
ہم سے hashtag پر حل کرنے کے لئے جا، اور کر رہے ہیں کہ ہم کے ساتھ جانے کے لئے جا رہے ہیں.
ٹھیک ہے؟
>> یلیسن BUCHHOLTZ-AU: Hashtag کی.
>> TOMAS REIMERS: تو hashtag کے کے پہلے.
>> یلیسن BUCHHOLTZ-AU: تو آپ seminar-- ٹویٹ سکتے ہیں
hashtag کے سی ایس ایس، ٹھنڈی hashtag کے.
TOMAS REIMERS: Hashtag کی مسرت انگیزی.
یلیسن BUCHHOLTZ-AU: hashtag کے انگیزی، ہاں.
TOMAS REIMERS: ٹھیک ہے.
تو ہم نے "سب سے پہلے" اور "دوسرا." ہے
تو سب سے پہلے، ہم ضرورت کے لئے جا رہے ہیں سرخ رنگ کا ایک پس منظر کا رنگ.
یلیسن BUCHHOLTZ-AU: اہ، بڑی آنت.
TOMAS REIMERS: جی ہاں.
یلیسن BUCHHOLTZ-AU: میں نے آپ کو موقع چیکر ہو جائے گا.
TOMAS REIMERS: یلیسن کی مجھے پکڑ لیا.
blue-- کے پس منظر کا رنگ
>> TOMAS REIMERS: جامنی!
>> TOMAS REIMERS: جامنی.
یلیسن BUCHHOLTZ-AU: جی ہاں.
جامنی رنگ کے میرا پسندیدہ رنگ، اور ہم ابھی تک اسے استعمال نہیں کیا ہے.
>> TOMAS REIMERS: وایلیٹ.
یلیسن BUCHHOLTZ-AU: وایلیٹ.
کہ کام کرتا ہے.
>> TOMAS REIMERS: تو ہم ہیں دو divs کر جا رہا.
وہ مکمل طور پر خالی ہونے کے لئے جا رہے ہیں.
ہم شاید کچھ متن ہونا چاہئے.
تو "سب سے پہلے" کی جا رہی ہے "ہیلو."
اور "دوسری" کہیں گے
>> یلیسن BUCHHOLTZ-AU: الوداع.
>> سامعین: - "دنیا."
الوداع، ہیلو.
یلیسن BUCHHOLTZ-AU: میں نے دیکھا کنسرٹ میں ان کے دوسرے ہفتے.
TOMAS REIMERS: بیٹلس؟
یلیسن BUCHHOLTZ-AU: reals کے لئے.
انہوں نے کہ عظیم نہیں ہیں.
مجھے یہ پسند نہیں ہے.
>> TOMAS REIMERS: ہم "ہیلو" اور "الوداع."
اور ایک بار پھر، سی ایس ایس، صرف خوفناک ہے یہ ہماری رنگوں کو تسلیم کرتی ہے کیونکہ.
یہاں تک کہ کرنے کی ضرورت نہیں وہ موجود ہے کہ فکر.
وہ ایسا کرتے ہیں.
>> یلیسن BUCHHOLTZ-AU: وہ وجود.
>> TOMAS REIMERS: تو سی ایس ایس میں ہے لگتا ہے 255 الفاظ رنگ کے بارے میں بات کرنے کے لئے.
اگر آپ باہر ایک رنگ کے بارے میں سوچ سکتے ہیں تو ان لوگوں کو 255، کی طرح، میں متاثر کیا جائے گا.
یلیسن BUCHHOLTZ-AU: جی ہاں.
میں تم لوگوں کو ہو سکتا ہے لگتا ہے کہ صرف حق کے بعد میں آتے ہیں.
>> TOMAS REIMERS: تو یہاں، آپ کو ہم دو خانوں ہے نظر آئے گا
حق ایک دوسرے کے، حق کے سب سے اوپر پر؟
HELLO اور الوداع.
>> یلیسن BUCHHOLTZ-AU: درمیان میں کوئی جگہ نہیں ہے.
وہ صرف smooshed رہے حق ہر ایک دوسرے کے اوپر.
>> TOMAS REIMERS: تو پہلی بات میرے خیال میں ہم کے بارے میں بات کرنی چاہئے لگتا ہے
کی بھی ہاں کہیں دو ہے.
لہذا سی ایس ایس خانوں کی طرح کے طور پر ان کی نمائندگی.
اور باکس کے طور پر، وہ مواد ہے.
اور مواد کو ابھی طرح کی ہے ہیلو یا الوداع اور یہ بات ہے.
ٹھیک ہے؟
>> سب سے پہلے میں سے ایک چیز تو تم نے کیا کر سکتے ہیں اگر آپ کو بھرتی شامل کر سکتے ہیں ہے.
بھرتی کتنی جگہ کہتے ہیں یہ ہر طرف چھوڑ دینا چاہئے.
تو چلو میں کہنا چاہتا ہوں کہنے دو ہر طرف 10 پکسلز.
اور میں ایک دوسرے میں اس ویچرچھیدن گا.
یلیسن BUCHHOLTZ-AU: یہاں ان تمام چیزوں کے
پکسلز میں زیادہ تر ہونے کے لئے جا رہے ہیں سیمینار کے آرام کے لئے.
اگر آپ یہ ہے کہ کو دیکھنے کے لئے جا رہے ہیں اس کے ارد گرد کچھ جگہ، ہے نا؟
تو آپ کو یہاں نظر نہیں آتا کیا وہاں ہے بھرتی کے اس پوشیدہ ترتیب دیں
کی طرح، جس کا کہنا ہے ہر طرف، پر، ٹھیک ہے، تم content-- کے اپنی باکس ہے
>> یلیسن BUCHHOLTZ-AU: کیا آپ چاہتے ہیں بالکل اسی کا معائنہ عنصر کو ھیںچو کرنے کے لئے؟
>> TOMAS REIMERS: جی ہاں، یہ ایک اچھا خیال ہے.
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، میں تلاش کا معائنہ عنصر ایک اچھا طریقہ ہے کہ
کچھ تو ہو رہا ہے اگر معلوم کرنا غلط، غیر متوقع طور پر کچھ ہوتا ہے،
ٹیگز کا معائنہ اور دیکھ کیا ادلیکھت مددگار ہے کی طرح ہے.
>> TOMAS REIMERS: تو مجھے یقین نہیں ہے تم لوگوں کو اس رنگ دیکھ سکتے ہیں.
آپ کر سکتے ہیں؟
آپ کو اس بھرتی کو دیکھ لیں گے کنارے کی قسم پر.
اور پھر آپ کو اصل دیکھیں نیلے رنگ میں مواد، ہے نا؟
تو ہے کہ بہت ہے باکس ماڈل کی بنیادی معلومات.
آپ مواد ہے.
تو پھر تم بھرتی.
>> شائقین کو کیوں صرف نہیں .. INT کے اندر باکس کا استعمال
>> یلیسن BUCHHOLTZ-AU: صحیح.
یہ صرف منتخب کرنے کی ہے کیونکہ ابھی کے عنصر.
>> TOMAS REIMERS: جی ہاں.
دوسری چیزوں کے.
تو چلو اس کے بارے میں بات کرتے ہیں ایک سیکنڈ کے لئے بھرتی کمانڈ.
سی ایس ایس، پیمائش میں اتنی ایک اکائی ہے کی ضرورت ہے.
پہلے تو آپ کو رقم ہے.
تو اس معاملے میں، ہم نے 10 کہا ہے.
اور پھر اگلے ایک کہا ہے کہ ہم پکسلز، پکسلز ہے.
آپ ہو سکتا ہے دوسرے لوگ ہیں سینٹی میٹر، انچ طرح کی چیزیں.
آپ چیزوں کو پسند کیا کر سکتے ہیں، 10 انچ کیا ہے؟
اور یہ مضحکہ خیز ہو رہا ہے.
>> یلیسن BUCHHOLTZ-AU: اوہ، لڑکے.
>> سامعین: واہ.
>> ٹامس اور یلیسن: جی ہاں.
TOMAS REIMERS: تو کہ تمام بھرتی ہے.
مجھے پکسلز پر واپس جانے کے لئے جا رہا ہوں.
>> یلیسن BUCHHOLTZ-AU: پکسلز معیاری، جیسے، ہو جاتے ہیں.
آپ کی ویب سائٹ کی ایک بہت کچھ پر نظر ڈالیں تو، وہ زیادہ تر پکسلز میں کام کرتے ہیں.
TOMAS REIMERS: تو آپ کو دیکھنے کے لئے جا رہے ہیں یا تو آپ کو دیکھ کر دوسرے لوگ pixels--
ایک کے اندر ہے ہے جو، اتارنا ہے فونٹ کی اونچائی کے برابر
جس میں آپ فی الحال استعمال کر رہے ہیں.
>> یلیسن BUCHHOLTZ-AU: ملی میٹر.
TOMAS REIMERS: یہ، کہنے کے لئے ایک اچھا طریقہ ہے کی طرح، میں نے اپنے فونٹ کے طور پر زیادہ سے زیادہ جگہ چاہتے ہیں
لے جا رہا ہے.
یلیسن BUCHHOLTZ-AU: یہ معلوم نہیں تھا.
آپ کو کچھ نیا ہر روز سیکھنے.
TOMAS REIMERS: ہے ایک CS میں پیمائش کی ایک بہت ہے.
میں نے آپ کو ان کو نظر تجویز ہے.
تمام مقدمات کے لئے، مجھے لگتا ہے کہ پکسلز کافی ہونا چاہئے.
اور وہ بھی ہو کیا بات ہے آپ کو دیکھ کر جا رہے ہیں
آن لائن کیا مثالوں میں سے اکثریت میں.
تو ہم نے پکسلز میں چھوڑ دیں گے.
>> آپ یہ بھی، میں نے تو کہیں چاہئے کر سکتے ہیں بھرتی سیٹوں paddings کے کی تمام.
آپ بھی ایسا کچھ کر سکتی بالکل اسی set-- کو "بھرتی ٹاپ"
یلیسن BUCHHOLTZ-AU: ہو سکتا ہے ہم اپنے "ہیلو" واپس مل جائے گا.
TOMAS REIMERS: صرف مقرر --to سب سے اوپر ہے اور کچھ نہیں پر بھرتی.
تو چار حکم دیتا بھرتی ٹاپ ہیں، بھرتی-نیچے، بھرتی سے بائیں،
اور بھرتی سے دائیں.
>> یلیسن BUCHHOLTZ-AU: بس کی طرح آپ کو ایک باکس کے لئے توقع کریں گے.
>> TOMAS REIMERS: جی ہاں.
کوئی بات نہیں بھی پاگل.
کہ عقل مندی ہے؟
تو ہے کہ بھرتی ہے.
میں نے سب کو قائم کرنے کے لئے جا رہا ہوں واپس 10 سے paddings کے.
اور پھر میں نے سرحد پر منتقل کرنے جا رہا ہوں.
>> تو کیا ہوا اگر سرحد ہے سرحد ایک عجیب کمانڈ ہے.
اس بار میں تین چیزوں کی طرح لگتے ہیں.
پہلے تو آپ کو کتنا بڑا ہے یہ ایک پیمائش کے طور پر بننا چاہتا ہوں.
ایک بار پھر، میں نے صرف پکسلز استعمال کر رہا ہوں.
اور آخری بات میں پیمائش شامل کرنا چاہئے
ایک بات ہے جس میں ایک اکائی کی ضرورت نہیں ہے 0 ہے.
یہ اصل میں غلط ہے 0 یونٹ دینے کے لئے،
0 0 انچ بھر ہے کیونکہ، پکسلز، سینٹی میٹر، جو کچھ بھی.
یہ سب صرف صحیح، 0 کا مطلب ہے؟
تو سب سے پہلے آپ اسے پیمائش دینے کے.
>> پھر تم اس کے طرز دے.
لہذا میں کہنے جا رہا ہوں "ٹھوس".
اور ہم اس مطلب کے بارے میں بات کریں گے.
اور پھر آخر میں، آپ کو یہ ایک رنگ دے.
لہذا میں کہنے جا رہا ہوں "سیاہ."
اور ان میں ہم نے تمام چیزیں ہیں اب سٹائل کے علاوہ، اس سے پہلے دیکھا،
لیکن ہم اس کے بارے میں بات کریں گے.
تو تم لوگ پیمائش دیکھا ہے، اور آپ کے رنگ دیکھا ہے.
اور کیا ہوتا ہے اگر ہم اس ملتا ہے اس کے ارد گرد اچھی سیاہ سرحد، ٹھیک ہے؟
ہم کہ وہ کس طرح کیا تم لوگوں کو دیکھ رہے ہو؟
>> سامعین: جی ہاں.
>> TOMAS REIMERS: اتارنا.
تو وہ کیا ہے؟
سب سے پہلے تو، یہ ایک پکسل ہے.
یہ ٹھیک ہے، کافی خود واضح ہے؟
کی طرح، یہ ایک پکسل موٹی ہے.
یا پھر یہ ایک پکسل ہو جائے گا، لیکن میں ہوں یہ تھوڑا سا زیادہ ہے تو، میں یکبر
اس سے.
>> یلیسن BUCHHOLTZ-AU: اور ہم ہیں یہ مضحکہ خیز قرارداد ٹی وی.
>> TOMAS REIMERS: جی ہاں.
آپ اسے بڑا کر سکتے ہیں، چھوٹے، جو کچھ بھی.
تو یہاں ایک دو پکسل سرحد ہے.
آپ اسے موٹی طور پر دو مرتبہ ہے نظر آئے گا.
آپ کے پاس ہے اگلی بات رنگ ہے.
جو دلچسپ نہیں ہے.
مجھے بات کرنے نہیں جا رہا ہوں واقعی، اس کے بارے میں.
>> یلیسن BUCHHOLTZ-AU: لیکن سٹائل صرف ایک چھوٹی سی دلچسپ ہو سکتا ہے.
>> TOMAS REIMERS: جی ہاں.
سٹائل تو، چند والے ہیں میں عام طور پر استعمال دیکھتے ہیں.
سب سے پہلے ایک کی ٹھوس، اگلے ایک کے بندیدار، اور گزشتہ ایک کے ڈیش دار.
اور یہاں بندیدار ہے.
تم وہ ہو کہ دیکھ لیں گے نقطوں کا ایک گروپ، ہے نا؟
قسم کا ایک اچھا سرحد حاصل کرنے کے لئے ایک اچھا طریقہ جا، ڈیش بھی بہت مقبول ہیں.
>> یلیسن BUCHHOLTZ-AU: اور پھر کورس، میں ہوں
اس بات کا یقین کے دیگر بہت سارے ہیں آپ حاصل کر سکتے ہیں کہ شیلیوں.
اور ہم کا ایک بڑا مجموعہ ہے تم لوگوں کے لئے آخر میں لنک
اس قسم کی peruse کرنے اور زیادہ ٹھنڈی سی ایس ایس میں نظر آتے ہیں.
>> TOMAS REIMERS: اور پھر آخری بات یہ ہے، ہم ہیں
کے بارے میں بات کرنے جا باکس کے ماڈل اصلی فوری.
اوہ، اور اس کے بعد سرحد، بالکل ویسی بھرتی کی طرح،
آپ بھی طرح چیزیں ہیں سرحد سے بائیں، سرحد سے دائیں، سرحد ٹاپ،
سرحد-نیچے، آپ کو اجازت دیتے ہیں جو ایک مخصوص سرحد پر حاصل کرنے کے لئے.
تو یہاں صرف سرحد بائیں سے مقرر ہے.
کہ سمجھ میں آتا ہے کرتا ہے؟
>> یلیسن BUCHHOLTZ-AU: یہ ایک اچھی بات ہے جس طرح چیزوں پر زور دیتے ہیں یا شامل کرنے کے لئے
مختلف عناصر کے درمیان لائنوں.
TOMAS REIMERS: بالکل.
تو ہے کہ ہماری سرحد ہے.
اور گزشتہ ایک کے مارجن.
مارجن کی طرح بھرتی اس within-- نہیں ہے سوائے
یلیسن BUCHHOLTZ-AU: یہ ہے نہ آپ کے عنصر کے ارد گرد
لیکن اصل میں پورے کے ارد گرد باکس ہم دیکھ رہا ہوں کہ.
>> TOMAS REIMERS: جی ہاں.
یلیسن بالکل یہ کہا.
یہ آپ کے اندر، طرح، نہیں ہے عنصر، یہ پورے باکس کے ارد گرد ہے.
اس طرح کی چیزیں مطلب ہے پس منظر کی اس پر لاگو نہیں کرتے.
اور یہ بنیادی طور پر، کا کہنا ہے کہ کی طرح، میں نے کچھ بھی نہیں کرنا چاہتے
میرے لئے یہ زیادہ خلا میں.
ہم یہاں کی طرح بہت 10 پکسلز کے مارجن.
10 پکسلز کے اندر تو کچھ بھی نہیں میرے ساتھ ہونا چاہئے.
کہ کی طرح ہے اس کی خلا لیکن قسم کی نہیں.
تو ہے کہ بہت ہے باکس ماڈل کی بنیادی معلومات.
کہ عقل مندی ہے؟
ٹھنڈی، ٹھنڈی.
یلیسن BUCHHOLTZ-AU: بہت اچھے.
تو اب میں صرف ہم سوچتے ہیں ہمارے ٹھنڈی وسائل ہیں
ہم نے تم لوگوں کو لے جائیں گے کہ بہت جلد کے ذریعے.
اور ہم اچھی طرح اصل لیں گے، ہم نے ابھی تک انٹرنیٹ کی کیا ضرورت ہے؟
>> TOMAS REIMERS: چلو مجھے up-- کھول سکتے ہیں دیکھنے کے
مجھے صرف تو دیکھنے دو مجھے فوری طور پر انٹرنیٹ حاصل کر سکتے ہیں
یلیسن چیز کے بارے میں بات کرتی ہے جبکہ یلیسن کے بارے میں بات کرنا چاہتا ہے.
یلیسن BUCHHOLTZ-AU: تاکہ بنیادی طور پر میں ایسا نہیں کرتے
میں اس وقت کیا کہہ سکتے ہیں اور کیا جانتے ہیں.
لیکن ان میں سے کچھ واقعی اچھا وسائل.
یہ وہ لوگ ہیں ہیں کہ ٹامس اور میں نے استعمال کیا ہے
اور ہم اصل میں اس اس کے لئے تیار کرنے کے لئے استعمال.
w3schools کی ایک یہ ہے کہ آپ کو لوگ اس سے پہلے دیکھا ہے چاہئے.
ہم نے ایک کے لئے اس کی سفارش سی ایس ایس کے ساتھ بہت سی چیزوں کے.
میں نے بھی اس کی سفارش جانتے ہیں میرے حصے میں ہر وقت.
>> بڑے بڑے کام میں سے ایک یہ ہے کہ سی ایس ایس کے ساتھ گڑبڑ کی قسم کی اجازت دیتا ہے
اور تبدیلیوں دیکھیں فوری طور پر اس میں،
کی طرح، ڈبل ونڈو کا یہ ہے کہ دیکھنے.
تو اگر آپ کے بارے میں فکر کرنے کی ضرورت نہیں آپ کی اپنی ویب صفحے کے قیام،
یا میں vhost کے قائم کرنا مقامی آلات اور مقامی میزبان،
اور وہ سب چیزیں کام کرنے کی ہو رہی ہے.
یہ درست صفحے کے اندر اندر سرایت کر رہا ہے.
>> اور یہ ان بہت کم ہے اسباق کہ آپ کر سکتے ہیں
جاننے کے لئے کے ذریعے جائیں سلیکٹرز کے بارے میں مزید،
یا توڑ بارے میں جاننے کے آپ فونٹ، یا ایک پس منظر، یا ایک تصویر.
اور تم ان کے پاس فوری نتائج کہ آپ کو
کوئی بھی ایسا کرنے کی ضرورت نہیں ہے کے لئے دیگر تیار کام.
تو میں نے w3schools کی محبت کرتے ہیں.
یہ شاندار ہے.
یہ کام کر رہا ہے؟
>> TOMAS REIMERS: جی ہاں.
نہیں، ایسا نہیں ہے.
کیا تم مجھ کوشش کرنا چاہتے ہیں اور میرا کمپیوٹر دوبارہ شروع کریں؟
یا ہم to-- چاہتے ہو
>> یلیسن BUCHHOLTZ-AU: میرا مطلب ہے ٹھیک ہے، یہ بھی آن لائن ہو جائے گا.
تمام سلائیڈوں آن لائن ہو گا.
تو میں صرف انتہائی یہ کیا کر کی سفارش کرتے ہیں.
>> یہ صرف کے طور پر بہت اچھا ہے ایک دھوکے باز شیٹ کی طرح.
یہ صرف تمام بنیادی ہے ہے کہ آپ کا حکم دیتا ہے.
آپ سب سے پہلے ہیں جب یہ بہت اچھا ہے اپنی ویب سائٹ باہر شروع.
شاید آپ نہیں کرتے کیونکہ تمام میں حاصل کرنا چاہتے ہیں
کرکرا اصلی nitty کے ڈیزائن کی بھاری چیزیں.
آپ کو صرف ایک طرح سے اس کو وضع کرنے کی ضرورت ہے اس طرح کا احساس اور مرضی کرتا
کچھ وقت کے لئے کیا کریں.
اور اگر آپ واقعی کرنا چاہتے ہیں اس میں حاصل کرنے، مجھے پتہ
یہ، کی طرح، میں سے ایک ہے ٹامس کی پسندیدہ ریفرنسز.
ہم کرنے کے لئے اسے استعمال کر رہے تھے پریپ، اور یہ شاندار ہے.
اس موزیلا سے ڈویلپر.
>> TOMAS REIMERS: تو موزیلا ہیں فائرفاکس بنانے والے لوگوں.
اور یہ صرف ان کے اپنے ڈویلپر مجھے لگتا ہے کہ جس میں ریفرنس، بہت اچھا ہے.
اور یہ ایک بہت اچھا ہے وسائل کی فہرست.
تو ہم نے have--
>> یلیسن BUCHHOLTZ-AU: اور پھر گزشتہ نوٹ ہے
جب آپ کو کرنے کی کوشش کر رہے ہیں ، آپ کی ویب سائٹ کے ڈیزائن
چیزوں سے فکری تحریک کہ تم خوبصورت ہو.
عنصر کا معائنہ، ماخذ کوڈ کا معائنہ
انتہائی مددگار ثابت ہو سکتا ہے جاننے کی کوشش کر لئے
کس طرح آپ کی اپنی ویب سائٹ سٹائل کے لئے.
>> اکثر ایسا ہوتا ہے، میں سب سے بہتر کی طرح محسوس راستہ، تجربات کے علاوہ،
بالکل اسی پر نظر ہے خوبصورت ہیں کہ چیزیں.
میں نے اسے صرف کرنے کے لئے واقعی مشکل ہے تلاش قسم آپ خود چیزوں کو ڈیزائن،
خاص طور پر شروع میں.
تاکہ ویب سائٹس پر نظر آتے ہیں، براہ مہربانی تمہیں دیکھ کر لطف اندوز ہوتے ہیں.
بناتا ہے کیا پتہ لگانے ان میں آپ کو اپیل.
اور پھر بلا جھجھک کوشش کرتے ہیں اور یہ کہ نقل تیار.
>> TOMAS REIMERS: صحیح.
یہاں تک کہ ویب سائٹس کی طرح اس طرح، آپ دیکھ سکتے ہیں
سب سے اوپر ایک div ضرور ہے.
اور پھر آپ کے اندر کسی دوسرے DIV ہے یہاں، جس میں سی ایس ایس انگیزی ہے.
اور پھر آپ کو متعلقہ صفحات کا ایک گروپ ہے.
تم واقعی معائنہ عناصر، تم میں سے حل کر سکتے ہیں
ویب سائٹس سب اعمال دیکھنے کے لئے شروع کی طرح نظر آتے، اور کس طرح میں کر سکتا ہوں
میں چاہتا تھا کہ اگر بہلانا.
کہ عقل مندی ہے؟
لہذا ہم صرف چھوڑ دیا تین منٹ ہیں.
سوال اب؟
ان میں سے کسی؟
جی ہاں.
>> سامعین: رنگ کے لئے مستطیل، کہ آپ کس طرح کریں گے
آپ یہ چاہتے ہیں نہیں کیا تو have-- ، پورے صفحے بھر سکتے تھے جا
آپ کو یہ صرف اس پار جانے بنا دیا ہے نصف کے صفحے یا صرف متن؟
>> TOMAS REIMERS: جی ہاں، بالکل.
تو مجھے اصل میں دیکھتے ہیں.
میں نے دو خیالات ہیں.
تو سب سے پہلے، آپ کو بھی percents کے استعمال کر سکتے ہیں.
>> سامعین: واقعی؟
>> یلیسن BUCHHOLTZ-AU: تو کچھ اور تلاش کرنے کے لئے رشتہ دار پوزیشننگ ہے.
یہ کچھ ہے کہ ہم میں حاصل کرنے کے لئے وقت نہیں ہے،
لیکن یہ میں ضرور کچھ ہے تم لوگوں کو باہر کی جانچ پڑتال کی سفارش کرتے ہیں.
>> TOMAS REIMERS: تو percents کے.
ہم نے اسے بنایا اور کیسے دیکھیں چوڑائی میں سے صرف 50٪؟
یلیسن BUCHHOLTZ-AU: آپ کو تو اصل میں پکسلز کی تعداد معلوم ہے،
تم اس طرح زیادہ عین مطابق ہو سکتا ہے.
آپ اس کے ساتھ کے ارد گرد fiddle کر سکتے ہیں.
لیکن 50٪.
ہم اپنے براؤزر کا سائز تبدیل کرنے کے لئے تھے، یہ اس کے چھوٹے بنا دے گا.
>> TOMAS REIMERS: ٹھیک ہے، یہ بات ہے بنیادی طور پر 50 فی صد درست اب، مجھے لگتا ہے.
اس کے بعد یہ مارجن 50٪ ہے، اور اس کے لئے شامل کیا گیا ہے.
سی ایس ایس نرالا کے ایک بہت ہے.
تو اب یہ ہے صفحے کی چوڑائی کا 50 فیصد.
لیکن آپ کو 10، یاد رکھیں کہ پکسلز ہر طرف سے بند کر لیا.
تو تم نے تو اس کے خلاف منتقل کرنے کے لئے تھے براؤزر کے بائیں کنارے،
پھر اس کے بعد 50٪ طرح نظر آئے گا.
جیسے میں نے کہا پھر سے،، سی ایس ایس سکتے ہیں اندازہ اور چیک کی ایک بہت ہو جائے.
کی طرح، آپ کو کچھ سوچتے ہیں ایک ہی راستہ برتاؤ کرنے جا،
لیکن یہ ایک مکمل طور پر مختلف طریقے سے برتاؤ کرتی ہے.
>> یلیسن BUCHHOLTZ-AU: اور آپ کو صرف، ہوشیار ہو جاؤ
اور آپ کو صرف ایک بہتر حاصل اس کے لئے انترجشتھان آپ کے ساتھ منتقل کے طور پر.
>> TOMAS REIMERS: اور یہ بدتر اور بدتر ہو جاتا ہے.
تو یہ واقعی صرف ایک دوڑ ہے.
>> یلیسن BUCHHOLTZ-AU: کہ سپر حوصلہ افزا ہے.
ہم نے ان سے سی ایس ایس کے پسند کرنے کے لئے چاہتے ہیں.
>> TOMAS REIMERS: سی ایس ایس خوفناک ہے.
یاد رکھیں کہ.
سوال؟
>> یلیسن BUCHHOLTZ-AU: ایک بات.
اور کچھ؟
ٹھنڈا.
>> TOMAS REIMERS: بہت اچھے.
>> یلیسن BUCHHOLTZ-AU: ٹھیک ہے، اگر آپ لوگ، بعد میں کوئی سوال ہے
ہم ہمیشہ معمول فی کے طور پر دستیاب ہیں.
آپ نے شاید کچھ دیکھ لیں گے آخری منصوبوں کے لئے ہم میں سے
اور یقینی Hackathon میں.
>> TOMAS REIMERS: بالکل.
اور میلے میں.
>> یلیسن BUCHHOLTZ-AU: اور میلے میں.
اوہ.
>> TOMAS REIMERS: کرنے کے شوقین ہیں آپ awesome-- کی تمام دیکھ کر
>> یلیسن BUCHHOLTZ-AU: ہم دیکھیں گے آپ بہت اچھا ویب سائٹس کی تمام
کہ خوبصورت ہو جائے گا.
TOMAS REIMERS: آپ ہمیشہ کر سکتے ہیں ، طرح، ویب سائٹس دیکھیں
جو، اس وقت کی طرح، اچھی سی ایس ایس اور تھا سی ایس ایس کیا کرنے کی کوشش نہیں کی جو ان لوگوں کی طرح.
یلیسن BUCHHOLTZ-AU: اس کے علاوہ، ایک اور بات یہ ہے، پر غور کرنے کی ایک اور بات
Bootstrapping کے ہے.
تاکہ بوٹسٹریپ بہت اچھا ہے.
>> TOMAS REIMERS: گوگل کہ اگر. تم
>> یلیسن BUCHHOLTZ-AU: گوگل.
یہ شاندار ہے.
آپ کو یہ پسند آئے گا.
اور اب آپ کو ایک کی ضرورت ہے کہ سی ایس ایس کے بنیادی تفہیم،
یہ ایک بہت زیادہ احساس بنا دیں گے.
بہت اچھے.
شکریہ، لوگ.
>> TOMAS REIMERS: بہت بہت شکریہ.