>> [موسیقی بجانے]
>> ڈوگ لایڈ: تو ایک ڈالیں ویڈیو ایک زبان کے بارے میں بات کرنے کے لئے.
ہم سی ایس ایس کے بارے میں بات کریں گے اس وقت.
کے لئے مختصر ہے جو اتنی سی ایس ایس، سٹائل شیٹس جھرن کاری،
ہم استعمال کرتے ہیں ایک زبان ہے ویب سائٹس کی تعمیر جب.
اس طرح اس کے بارے میں سوچو.
ایچ ٹی ایم ایل ہم منظم کرنے کے لئے استعمال کیا ہے تو ہم نے اپنے صفحے پر ڈال کرنا چاہتے ہیں مواد،
سی ایس ایس ہم عام طور پر استعمال کرتے ہیں کہ آلہ ہے ہماری ویب سائٹ کس طرح نظر آتے اپنی مرضی کے مطابق،
اور کس طرح صارف کے تجربے کو واقعی ہماری ویب سائٹ کے ساتھ بات چیت ہے.
>> ایچ ٹی ایم ایل کی طرح، سی ایس ایس نہیں ایک پروگرامنگ زبان.
یہ منطق نہیں ہے.
یہ متغیر نہیں ہے.
یہ کسی بھی قسم کی ضرورت نہیں ہے سی ہے کہ متعلقہ چیزوں بہاؤ.
یہ ایک اسٹائل زبان ہے.
اور اس نحو خوبصورت ہے سادہ، اور صرف بیان کرتا ہے
کس طرح کے عناصر ہماری صفحہ مخصوص HTML ہے
عناصر پر نظر ثانی کیا جانا چاہئے.
اس مقصد کے لئے، آپ کو نہیں ہے تو ابھی تک، ایچ ٹی ایم ایل پر ہمارے ویڈیو دیکھا
یا سے نا واقف ہیں ایچ ٹی ایم ایل، عام طور پر، آپ
اس پر ایک نظر لینے کے لئے چاہتے ہیں کر سکتے سی ایس ایس کے پہلے، کیونکہ یہ بحث
پر انحصار کرنے کی جا رہی ہے HTML کے کچھ علم.
>> تو یہاں ایک بہت ہے سادہ سی ایس ایس stylesheet.
آپ کو کبھی نہیں ہے یہاں تک کہ اگر پہلے سی ایس ایس کے ساتھ پروگرام،
آپ پتہ کر سکتے ہیں مجھے یقین ہوں اس stylesheet ہے بالکل وہی جو.
یہ کیا کرتا ہے؟
ویسے، ہماری ویب کے جسم پر لاگو جسم ٹیگز کے درمیان صفحے، سب کچھ
ہمارے HTML پر، اور اس کا تعین کرتا ہے نیلے رنگ کے لئے اس صفحے کے پس منظر کا رنگ.
ٹھیک ہے، یہ ایک بہت ہی آسان stylesheet میں ہے.
یہ اصل میں بہت انسانی ہے دوستانہ زبان، سی ایس ایس.
تو کیا تم، اس سے پہلے کبھی استعمال نہیں کیا ہے یہاں تک کہ اگر آپ کو شاید اس نے کیا اندازہ لگا سکتا ہے.
اصل میں، اگر ہم نے ایک صفحے، جہاں بھاری بھرکم اس stylesheet، کسی نہ کسی طرح سرایت کر گیا تھا
ہمارے صفحے کے پس منظر کا رنگ گے نیلے اور معیاری سفید نہیں ہو.
>> تو ہم کس طرح سٹائل کی تعمیر کرتے ہیں؟
ویسے سب سے پہلے، ہم کرنا پڑے ایک سلیکٹر کی شناخت.
گزشتہ مثال میں، کہ سلیکٹر جسم تھا.
پھر ہم ایک کھلی ہے گھوبگھرالی منحنی خطوط وحدانی، اور ہم ہیں
وضاحت شروع کرنے کے لئے جا رہا کہ سلیکٹر کے لئے stylesheet میں.
گھوبگھرالی منحنی خطوط وحدانی کے درمیان میں، ہم صرف کلیدی قدر جوڑوں کی ایک فہرست ہے.
گزشتہ قدر جوڑی تھی پس منظر کا رنگ نیلے نیم وقفہ،
لیکن ہم ان کی زیادہ سے زیادہ کر سکتے ہیں.
آپ ایک سے زیادہ چیزوں کا اطلاق کر سکتے ہیں اس ٹیگ کے، کہ سلیکٹر جسم پر.
ان میں سے ہر ایک کی طرف سے الگ کیا جاتا ہے نیم وقفہ، اور ہم نے ان میں سے ہر ایک کو فون
ایک اعلان، ایک سی ایس ایس اعلان.
ہم تمام اسٹائل کے ساتھ ہم کیا کر رہے ہیں کہ خاص طور پر ٹیگ کرنے کے لئے درخواست کرنا چاہتے ہیں،
ہم صرف ایک بند گھوبگھرالی ہے stylesheet میں ختم کرنے کے لئے تیار،
اور ہم stylesheet میں وضاحت کیا کر رہے ہیں اس مخصوص سلیکٹر کے لئے.
>> کچھ عام سی ایس ایس خصوصیات کیا ہیں؟
ویسے، شاید آپ کو ڈال کرنا چاہتے ہیں کچھ ارد گرد ایک سرحدی.
آپ کہہ سکتے ہیں تو، سرحد، کہ آپ کے اہم ہو جائے گا،
اور پھر آپ اقدار ہو گا، کیا سٹائل، رنگ، اور چوڑائی
آپ اسے بننا چاہتا ہوں.
تو ایک ٹھوس انداز ہو سکتا ہے لائن، بندیدار لائن، ایک ڈیش دار لائن،
لہراتی لائن ہو جائے گا جس میں ایک چوٹی لائن،.
شاید آپ یہ کرنا چاہتے ہیں نیلے یا سیاہ یا سبز ہو.
شاید آپ اسے بننا چاہتا ہوں 1 یا 2 یا 10 پکسلز تک چوڑا.
تم ان چیزوں کے تمام وضاحت کر سکتے ہیں.
ہو سکتا ہے کہ آپ کو پس منظر قائم کرنے کے لئے چاہتے ہیں ایک مخصوص انداز میں آپ کے صفحے کا رنگ.
ہم نے پہلے ہی ترتیب، نے دیکھا کہ جسم کے پس منظر نیلے جا.
>> اس کے بعد آپ ایک کلیدی لفظ استعمال کر سکتے ہیں، لہذا سی ایس ایس مخصوص رنگ ہے
کہ،، اس میں سبز، نیلے تعمیر کر رہے ہیں سیاہ، ہم جانتے ہیں ایک بہت سادہ رنگ.
لیکن آپ کسی بھی وضاحت کر سکتے ہیں اگر آپ چاہتے ہیں کہ ہیکس رنگ.
رنگوں کی شناخت کیا جا سکتا ہے یاد تین ہیکس اعداد کی ایک سیٹ کی طرف سے
0 سے 255، آرجی اور B، کرنے کے لئے ، سرخ، سبز اور نیلے رنگ کے جزو.
اور اس طرح ہم وضاحت کر سکتے ہیں ہم سے چاہتے ہیں کسی بھی رنگ،
بجائے نیلے یا سبز یا سیاہ کا استعمال کرتے ہوئے، پونڈ کا استعمال کرتے ہوئے اور ہیکس کے بعد چھ ہندسوں،
اور یہ کہ ہمیں دیں گے چھ ہندسوں رنگ.
تو اس پس منظر کا رنگ ہے.
>> ہم نے بھی پیش منظر ہے عام طور پر ہے جس کے رنگ،
آپ کے صفحے کے متن ہونے جا رہا.
اور آپ کو اسی طرح ایسا کر سکتا ہے کلیدی لفظ اور یا چھ ہندسوں ہیکس کے ساتھ.
تو آپ کو کسی بھی رنگ کی وضاحت کر سکتے ہیں آپ کے صفحے کے متن کے لئے چاہتے ہیں
کسی خاص کے خلاف پس منظر کا رنگ، اوپر.
آپ کو بھی تبدیل کرنے اور نمٹنے کر سکتے ہیں فونٹ، اور جس طرح متن کے ساتھ
صفحے پر مہیا کیا جاتا ہے.
>> پس تم اپنے فونٹ سائز تبدیل کر سکتے ہیں.
تم، اس طرح کے اضافی کے طور پر کلیدی الفاظ، استعمال کر سکتے ہیں اضافی چھوٹے، یا چھوٹے XX، یا درمیانے درجے کے،
بڑے، اور اسی طرح کی.
آپ کو مقررہ پوائنٹس کا استعمال کر سکتے ہیں، 10 نقطہ، 12 نقطہ، اور اسی طرح کی.
تم، فی صد، 80٪، 20٪ کا استعمال کر سکتے ہیں جہاں 100٪ ڈیفالٹ فونٹ ہے
عام طور پر کی جا رہی ہے جس کا سائز، 11 یا 12 پوائنٹس کی طرح کچھ ہو.
یا آپ بھی اس سے دور کی بنیاد ہیں سب سے زیادہ حال ہی میں فونٹ سائز کے.
آپ کو صرف کچھ لکھا اور اگر تم جانتے ہو یہ چھوٹا ہو کرنے کے لئے جو آپ چاہتے ہیں، ہے
لیکن تم نہیں جانتے بالکل وہی جو سائز آپ یہ ہو، اچھی طرح سے، آپ کو صرف کہہ سکتے ہیں کرنا چاہتے ہیں،
فونٹ سائز چھوٹا.
اور یہ، سے دور کی بنیاد گے صرف اوپر، یہ فونٹ سائز ہے.
اور آپ چھوٹے یا بڑے حاصل کر سکتے ہیں.
تو مختلف کی ایک بہت کچھ ہے طریقوں فونٹ سائز کی وضاحت کرنے.
>> تم نے بھی کیا وضاحت کر سکتے ہیں آپ چاہتے ہیں فونٹ خاندان.
اگر آپ کسی خاص ہیں، تو نام، میں ایک راستہ نہیں ہے سی ایس ایس کے
ہم اس بارے میں بات نہیں کر رہے ہیں یہاں ایک بہت ہی خاص فونٹ کی وضاحت کرنے کے لئے
اور آپ کے صفحے میں یمبیڈ.
آپ کو بھی عام نام استعمال کر سکتے ہیں.
ویب محفوظ فونٹس کی ایک بہت کچھ ہے کہ سی ایس ایس میں پہلے سے مقرر کر رہے ہیں.
اور آپ مائکروسافٹ کے صارف ہیں تو گزشتہ 20 سالوں میں آفس،
آپ شاید سے واقف ہیں ان ویب محفوظ فونٹ کی ایک بہت
پہلے ہی، ٹائمز نیو رومن، ایریل، ، نیا، جارجیا، Tahoma، وردان کورئیر
اور اسی طرح.
ان تمام ویب محفوظ فونٹ تصور کیا جاتا ہے.
اور اصل میں، حصہ وجہ وہ ہو آئے
ہر صفحے web-- بنانے کے لئے استعمال کیا جانا تھا اس ڈیفالٹ تک رسائی فونٹ کے مقرر کیا تھا
مختلف serifs، اور یہ سب کے ساتھ ہم میں نہیں ملے گا فونٹ چیزیں،
لیکن یہ عام طور پر ہیں آپ سی ایس ایس میں قابل رسائی،
آپ ایسا نہیں کرتے یہاں تک کہ اگر دوسری صورت میں فونٹ کی وضاحت.
آخر میں، آپ اپنے متن سیدھ کریں کر سکتے، ہونے کی وجہ سے اس کی بجائے، پہلے سے طے شدہ کی طرف سے اتحاد،
بائیں، آپ کر سکتے تھے درست کرنے کے لئے اس کی سیدھ،
یا آپ اس کا مرکز سیدھ، یا کر سکتے ہیں یہ دونوں مارجن مارا تاکہ جواز.
لوگ تو آپ استعمال کر سکتے ہیں تمام اختیارات ہیں اپنے متن کی طرح لگتا ہے کو تبدیل کرنے،
اور یہ اپنے صفحے پر کس طرح ظاہر ہے.
>> آپ سلیکٹرز نہیں ٹیگز صرف ہونا پڑے گا.
ہم نے پہلے ایک جسم ٹیگ دیکھا سلیکٹر، اور ٹیگ سلیکٹر
صرف اس کی طرح لگتی ہے.
اگر آپ کو ایک ٹیگ کا نام، اور اس ٹیگ کے لئے ایک stylesheet میں وضاحت.
لیکن تم نے بھی کچھ کر سکتے ہیں ایک ID سلیکٹر بلایا.
ایک ID سلیکٹر خوبصورت اسی طرح لگ رہا ہے.
لیکن اب میں استعمال نہیں کر رہا ہوں کہ، محسوس ایک HTML ٹیگ، میں، اس معاملے میں، استعمال کر رہا ہوں
#unique، یا منفرد ہیش.
تم سے یاد تو ہمارے ایچ ٹی ایم ایل پر ویڈیو، ہم بات
ٹیگ صفات کر سکتے ہیں کہ کس طرح کے بارے میں.
>> اور ایک وصف ہے کہ پر لاگو ہوتا ہے بہت تمام ایچ ٹی ایم ایل ٹیگز کو،
لیکن ہم اس کے بارے میں بات نہیں کی تھی، ایک شناختی ٹیگ کہا جاتا ہے کچھ ہے.
تو یہ خاص طور پر سی ایس ایس گا صرف ہے کہ HTML ٹیگ پر لاگو
ایک بہت ہی خاص کی شناخت، آپ کا نام کیا ہے کہ.
آپ کہیں ہیں تو آپ کے کوڈ میں، کہیں
اپنے HTML فائل، ایک ٹیگ اور آپ میں اس ٹیگ کے لئے ایک خصوصیت کے طور پر کی وضاحت،
ID، اس منفرد برابر خاص طور پر stylesheet میں
یہاں صرف درمیان میں لاگو ہوں گی منفرد ID کے ساتھ اس ٹیگ.
>> تم نے بھی کچھ کر سکتے ہیں ایک کلاس سلیکٹر بلایا.
ہونے کے علاوہ میں تو ID آپ بھی کر سکتے ہیں، صفات
HTML ٹیگ کے لئے ایک کلاس وصف شامل کریں.
اور آپ کو ایک کلاس وصف کا استعمال کرتے ہیں، یہ ایک سے زیادہ ٹیگ پر لاگو کیا جا سکتا ہے.
تو آپ کو کئی چیزیں ہیں کہ اگر ، شاید آپ کا کہنا ہے کہ اسی طرح چاہتے ہیں،
کھلی ٹیگ بلاہ، بلاہ، بلاہ، بلاہ، کلاس کے طالب علموں کے برابر ہے.
اور پھر یہ خاص طور پر stylesheet میں لاگو ہوں گے
جس کلاس ہر ٹیگ کے طالب علموں کو ہے.
اس صورت میں، ہم نے مقرر تھا پیلے رنگ پس منظر کا رنگ،
اور ہم، دھندلاپن قائم تھا جس ہم کے بارے میں بات نہیں کی تھی ایک ٹیگ ہے،
لیکن صرف کس طرح شفاف کے ساتھ کرتا ہے کچھ اس معاملے میں، 70٪، ہے.
>> کے لئے دو اختیارات نہیں ہے تحریری طور پر سٹائل.
تم نے انہیں لکھ سکتے ہیں براہ راست آپ کی ایچ ٹی ایم ایل میں
سٹائل رکھ کر سٹائل ٹیگز کے درمیان میں.
اور وہ سٹائل ٹیگز کے اندر جانا آپ کے ویب صفحے کے سربراہ ٹیگ.
شاید زیادہ ترجیحی طریقہ کرنا یہ ایک علیحدہ سی ایس ایس فائل لکھنے کے لئے ہے،
اور پھر اس میں لنک آپ لنک ٹیگز استعمال دستاویز.
لنک ٹیگز، ایک بار پھر، ہیں بالا روابط سے مختلف،
اگر آپ کو ہماری ویڈیو سے ایک HTML یاد تو.
اور لنک کرنے کے لئے کس طرح ہے کہ ہم علیحدہ فائلوں میں ھیںچو.
اس طرح کی برابر کی طرح ویب پروگرامنگ کے لئے # شامل.
>> تو table.HTML پر ایک نظر ڈالیں.
تم سے یاد تو ہمارے HTML ویڈیو، میں ظاہر ہوتا ہے
ایک بہت کی ایک مثال سادہ ضرب
خوبصورت لگ رہا تھا کہ میز بدسورت، اور شاید نہیں ہے
ایک طریقہ کے ساتھ اسے بہتر بنانے کے لئے سی ایس ایس، یہ اصل میں نظر بنانے کے لئے
ایک ضرب کی طرح زیادہ میز، یا کچھ
کہ صرف ایک دوسرے کے ساتھ پھنس گیا نہیں ہے کوئی اصل ڈویژن کے ساتھ
قطار اور کالم کے درمیان.
تو کرنے کے لئے اوپر سے سر دو CS50 IDE، اور ایک نظر ڈالیں
سی ایس ایس، کی طرح، موافقت کر سکتے ہیں کس طرح جو ہم سے پہلے شروع کر دیا،
اور یہ ایک بہت کچھ بہتر بنانے کے.
>> تو ہم CS50 IDE میں ہیں اب، اور مجریچت تو،
ہم اس میں ھیںچو گا ٹیبل HTML صفحے کہ.
Table.HTML بنیادی طور پر صرف مواد کی وضاحت کرتا ہے
ایک multiple-- کی یہ ہونا چاہیے تھا ایک چار کی طرف سے چار پہاڑا.
یہ بہت سیدھا ہے.
اور ہم نے اسے کہ لگتا ہے کہ بہت اچھی طرح سے منظم نظر.
لیکن اصل میں، ہم نے اس صفحے کا جائزہ جب، ہم اس قسم کے بدسورت، صحیح ہے کہ دیکھ رہے ہو؟
واضح طور پر ہم یہاں قطار اور کالم ہے.
وہاں علیحدگی کی کسی قسم.
لیکن یہ ایک بامعنی علیحدگی نہیں ہے.
ہم اصل میں حاصل نہیں کر رہے یہاں بہت زیادہ معلومات.
اور کے درمیان کوئی جدائی ہے شرائط میں قطار اور کالم
افقی یا عمودی قوانین کی.
ہم شاید اس کے بنانے کے کر سکتے ہیں بہتر تھوڑا سا نظر.
تو کرنے کی کوشش کریں.
تو میں یہاں اس ٹیب کو بند کرنے جا رہا ہوں.
اور میں، میری table.HTML بند کرنے جا رہا ہوں اور میں یہاں ایک اور ورژن ہے
table2.HTML بلایا.
ہم نے اس کو کھولنے گے.
صفحے کے جسم ہے بہت ایک ہی،
لیکن میں تبدیل کر دیا ہے ایک سب سے اوپر تھوڑا سا.
اور میں یہاں تک سکرال کریں گے.
ہوں، کہ اس وقت نوٹس سرایت سٹائل ٹیگز استعمال.
میں ایک سٹائل ٹیگ کھول دیا ہے، اور اب میں ہوں صرف اندر ایک سی ایس ایس stylesheet وضاحت
اس کے.
میں، میز کا کہنا ہے کہ ایک stylesheet ہے.
یہ میرا ٹیگ سلیکٹر ہے.
میں نقطہ یا ہیش کا استعمال کرتے ہوئے نہیں کر رہا ہوں، جس میں تو کر کیا جائے گا
ایک شناختی یا ایک کلاس سلیکٹر استعمال کر رہا تھا.
میں ایک ٹیگ سلیکٹر یہاں کی میز ہے.
یہ انداز کی جا رہی ہے ہر میز ٹیگ پر لاگو.
بظاہر میں ایک ڈال کرنا چاہتے ہیں وسیع پکسل، ٹھوس بلیو سرحد،
میری میز کے اندر.
اس طرح یہ شاید کرے گا لگتا ہے صحیح، صورت حال میں مدد؟
ہم جا رہے ہیں چیزیں بہت بہتر نظر آتے ہیں.
تو یہ ٹھیک ہے.
Stylistically، میں صرف ہے یہاں میں اپنے stylesheet میں سرایت.
یہ یقینی طور پر ایک ہے ایسا کرنے کے لئے قابل قبول طریقہ.
کی اس طرح لگ رہا ہے دیکھتے ہیں.
تو میں یہاں نیچے واپس جانا، کریں گے اور میں اپنے table2.HTML پریویو گے گا.
ٹھیک ہے، کہ، جو میں چاہتا تھا بالکل نہیں ہے لیکن یہ ہم نے کے لئے کہا بالکل وہی جو ہے.
ہم اس انداز نے کہا ہے کہ ہماری میز پر لاگو کرنے کے لئے جا.
ہماری میز اب ایک پکسل ہے اس کے ارد گرد وسیع، ٹھوس بلیو سرحد.
ہم اصل میں حاصل نہیں کر رہے میز کے خلیات میں.
ہم صرف میز پر ہو رہی ہے.
لہذا سی ایس ایس کام کیا.
اس کا اطلاق ہے ہماری میز پر stylesheet میں.
لیکن بہت نہیں کیا کیا ہم ایسا کرنا چاہتا تھا.
ہمیں کیا کرنا کیسے حاصل کروں کیا ہم ایسا کرنا چاہتے ہیں؟
>> ٹھیک ہے، ایک پر ایک نظر ڈالیں table3.HTML میں اس کے ورژن.
تو میں صرف یہ ٹیبز کو بند کرنے جا رہا ہوں.
میں یہاں واپس اوپر جانے کے لئے جا رہا ہوں میری درخت فائل، اور table3.HTML کھولو.
ایک بار پھر، یہ بہت تلاش کرنے کے لئے جا رہا ہے یہاں شروع میں اسی طرح.
لیکن نوٹس، اس وقت، اس کی بجائے کا استعمال کرتے ہوئے وہیں میں سرایت ایک stylesheet میں،
میں منسلک کرنے کے لئے جا رہا ہوں لنک ٹیگ استعمال stylesheet میں.
تو میں نے بظاہر ایک سے منسلک ہوں tables.CSS بلایا stylesheet میں،
اور اس کے ساتھ ساتھ برابر stylesheet میں صرف، اچھی طرح means--
کے لئے اس فائل رشتہ دار کیا ہے میں ہوں کہ ایک stylesheet ہے doing-- ہوں
اپنے صفحے کے لئے استعمال.
مجھے سچ میں کیا دیکھنے کے لئے چاہتے ہیں تو میں یہاں CSS کے ساتھ کر رہا ہوں
مجھے لگتا ہے کہ کھلی جانے کی ضرورت ہے table.CSS کے ساتھ ساتھ دائر.
تو ہم یہاں واپس چلے جائیں گے پھر ہماری فائل درخت سے.
table.CSS نہیں ہے.
ہم نے اسے کھولنے کے پاپ گا.
اب ہم سی ایس ایس کا ایک چھوٹا سا دیکھ رہے ہیں.
بظاہر، میں ایک جوڑے کی ہے چیزوں میں یہاں کیا ہو رہا.
میں بظاہر ایک پانچ ڈال کرنا چاہتے ہیں وسیع پکسل، ٹھوس سرخ سرحد،
میری میز کے ارد گرد.
ہم نے پہلے ہی کہ رہا ہے جانتے ہیں کہ صرف فریم پر جانے کے لئے.
ہم table2.HTML میں نے دیکھا کہ.
ہر صف کے ساتھ، میں بظاہر وضاحت کرنا چاہتے ہیں
کہ صف اونچائی 50 پکسلز زیادہ ہے.
تو ہر صف کے لئے، یاد کہ، TR ٹیگ کرتا ہے
میں نے اسے 50 پکسلز اعلی کر رہا ہوں.
>> آخر میں، میں نے یہ تبصرہ ہے.
اور یہ کہ ہم سی ایس ایس میں تبصرے بنانے کے لئے کس طرح ہے.
یہ بلاک پر قبضہ کرنے کے لئے بہت اسی طرح کی ہے تبصرے نحو سلیش سٹار.
آپ چاہتے ہیں تمام متن.
کوئی سلیش سی ایس ایس میں اگرچہ نہیں ہے.
مختصر ان لائن تبصرے کے لئے، ہم نے یہاں یہ خاص طور پر فارمیٹ کو استعمال کرنے.
میں کر رہا ہوں ایسا لگتا ہے جیسے میرے TD ٹیگ میں بہت سی چیزوں کے.
TD ٹیگ، یا میز یاد رکھیں واقعی صرف جو اعداد و شمار،
کے اندر کالم ہمارے قطار، اور بظاہر
اعداد و شمار کے ہر ایک ٹکڑا کے لئے میری ٹیبل میں، میں چاہتا ہوں
کرنے کے لئے پس منظر کا رنگ قائم کرنے کے لئے سیاہ ہو، رنگ، سفید ہونا
رنگ پیش منظر کا رنگ ہے.
تو یہ جا رہا ہے اپنے صفحے کے متن.
میں بڑے فونٹ، 22 چاہتے ہیں فونٹ کی طرف اشارہ، اور میں چاہتا ہوں
یہ، فونٹ خاندان کے جارجیا ہونا.
تو میں نہیں جا رہا ہوں ڈیفالٹ فونٹ ہے.
میں جارجیا، کی وضاحت کرنے جا رہا ہوں جس ان ویب محفوظ فونٹ میں سے ایک ہے
ہم نے پہلے دیکھا ہے کہ.
میں اپنے متن منسلک کرنا چاہتے ہیں مرکزی، باکس کے وسط میں،
میں نے اسے چھوڑ دیا جائے نہیں کرنا چاہتے منسلک یا دائیں منسلک.
اور میں اپنے کالم کی چوڑائی چاہتے وسیع کے ساتھ ساتھ 50 پکسلز ہونا.
کی پر ایک نظر ڈالیں اس کی طرح لگتا ہے،
یہ ہو سکتا ہے ایک بہتر ہے اور اگر دیکھیں.
تو میں table3.HTML، پر جانے کے لئے جا رہا ہوں جس یاد،، ایک لنک کے طور table.CSS شامل
اور ہم اس کا جائزہ لیں گے.
یہ ٹھیک ہے، ایک بہت بہتر ہے؟
یہ اصل میں ایک کو دیکھنے کے لئے شروع کر رہا ہے زیادہ پہاڑا طرح بہت.
مجھے لگتا ہے کہ سرخ رنگ کے سرحد ہے میری میز کے ارد گرد لیکن اب
میں نے بھی اس بیان کیا ہر صف، 50 پکسلز چوڑا ہے
یا یہ tall-- عذر 50 پکسلز ہے me-- ہر کالم 50 پکسلز چوڑا ہے.
ہر کالم میں اعداد و شمار، اور صرف اعداد و شمار، ایک سیاہ پس منظر ہے.
تو یہی وجہ ہے کہ ان ہے سفید لائنیں موجود ہیں.
خلا میں کیونکہ ان خلیات کے تمام کے درمیان،
اس میں ایک سرحد نہیں ہے اور خود کو، یہ صرف ہے
میں صرف میں بھرنے رہا ہوں خلیات، اصل میں جس
میز کی سرحدوں، بناتا ہے جس میں بظاہر، تمام اس کے ساتھ موجود تھا
صرف پتلی سفید لائنوں تھا.
اب وہ نظر آتا ہو.
اب وہ سکرین پر پاپ.
اور اس طرح یہ ایک بہت ہی آسان ہے میں لاگو ہے کہ stylesheet میں،
اور اب میری میز سے زیادہ کی طرح ایک بہت لگ رہا چار چار کی طرف سے پہاڑا،
بجائے ایک گڑبڑ گندگی، جہاں سب کچھ واضح طور پر قطار اور کالم ہے،
لیکن سپر اچھی طرح سے منظم.
ہم واقعی صرف سطح scratching رہے ہیں آپ یہاں CSS کے ساتھ کیا کر سکتے ہیں.
خوش قسمتی سے سی ایس ایس دستاویزی بہت سیدھا ہے.
آپ کے کئی استعمال کریں گے اس کافی اکثر، صفات.
ہم کے بارے میں بات کرنے والوں پہلے اس ویڈیو میں.
آپ کو اس کئی ہیں شاید سب استعمال نہیں کرے گا.
اور وہ بھی، ٹھیک ہے.
لیکن صرف ایک ہے کہ وہاں جانتے ہیں، وہاں سے باہر دستاویزات کی ایک بہت.
تو ہم ہر چیز کا احاطہ نہیں کیا یہاں تک کہ اگر، آپ یقینی طور پر آپ اپنے طور پر چھوڑ دیا نہیں کر رہے ہیں.
لیکن سی ایس ایس واقعی مزہ ہے کے ساتھ استعمال کرنے کے لئے.
اور مجھے پختہ آپ کو حوصلہ افزائی کرے گا اپنے ویب صفحات کے ساتھ کے ارد گرد کھیلنے کے لئے،
اور آپ کو ان کے بنانے کے کر سکتے ہیں کہ کس طرح دیکھنے نظر آتے ہیں اور بہتر بنانے کے لئے صارف محسوس
آپ کے صفحے کا دورہ کرنے کا تجربہ.
میں ڈوگ لایڈ ہوں.
یہ CS50 ہے.