اسپیکر: یہ ایچ ٹی ایم ایل نہیں ہے پتہ چلا ہے کہ آپ کے اندر استعمال کر سکتے ہیں صرف زبان بدلیں ایک ویب کے صفحے کے. آپ سی ایس ایس نامی کسی چیز کا استعمال کرتے ہیں، یا کر سکتے ہیں جھرن کاری سٹائل شیٹس، کے ساتھ ساتھ. سی ایس ایس آپ کو بہت زیادہ وضاحت کرنے کی اجازت دیتا ہے ایک ویب کی خاص طور پر جمالیات ترتیب اور سائز سمیت پیج، اور رنگ اور فونٹ میں اور بہت کچھ. مثال کے طور پر، کی ایک ویب کے صفحے تشکیل دیں ایک کی نمائندگی کرتا ہے یہاں اس لئے بلایا CSS0 جان ہارورڈ، کا کہنا ہے کہ، کے لئے ہوم پیج. 

اس صفحے پر، ہم کریں گے جان ہارورڈ کے نام ہو جائے گا، جن کے نیچے ان کے زائرین کے لئے ایک اچھا پیغام، نیچے جس کے ساتھ، ایک فوٹر ہو جائے گا ، کچھ حقوق اشاعت کا کہنا ہے کہ. ایسا کرنے کے لئے، کے تین ڈویژنوں کی وضاحت کریں ایک ٹیگ کا استعمال کرتے ہوئے صفحہ کے لئے DIV کہا جاتا ہے. کھلا بریکٹ DIV، جان ہارورڈ، بند بریکٹ DIV، ایک اور اوپن بریکٹ DIV، اور اب ہم کچھ وضاحت کریں گے طرح، میرے گھر کے صفحے پر خوش آمدید! اور کے طور پر، اس DIV بند. 

اور اب ایک تیسرا اور آخری DIV، حقوق نقل و اشاعت. صرف پسند کرنے کے لئے، اب مجھے ایک HTML کا استعمال کرتے ہیں ہستی، کی نمائندگی کرتا ہے ایک علامت ایک کردار ہے کہ آپ کو دوسری صورت میں نہیں کر سکتا اپنے کی بورڈ پر ٹائپ کریں. خاص طور پر، میں کرنے جا رہا ہوں ایمپرسینڈ، پونڈ، 169، نیم وقفہ. کہ عددی کوڈ پتہ چلا ہے کاپی رائٹ کی علامت کے لئے. تو پھر جان ہارورڈ کی وضاحت کرتے ہیں یہاں سب سے نیچے دیئے. کی DIV بند کریں اور فائل کو بچانے کے ہیں. 

اب، اس DIV ٹیگ کیا ہے؟ DIV ٹیگ صرف ایک ڈویژن کی وضاحت کرتا ہے بنیادی طور پر ہے جس کے صفحہ، کے آئتاکار علاقے. تو وقت میں اس وقت، میں نے تین ہے آئتاکار علاقے، سب سے اوپر پر ایک دوسرے کی. تو اب کے لئے، اثر تقریبا کے طور پر ہے میں نے تین پیرا تھا. لیکن ہم کافی کے طور پر زیادہ سے زیادہ نظر نہیں آئے گا ان کے درمیان میں سفید جگہ. 

تبدیل، اس فائل کو بچانے کے ہیں اس کے اجازت، اور ایک کے لئے ایک نظر ڈالیں کروم میں لمحے. CHMOD A + CSS0.html ر. کروم اور دورے کھول اب چلو http://localhost.CSS0.html. بے شک، یہاں ایک ہوم پیج ہے جان ہارورڈ کے لئے. اب تھوڑا اور اس stylize ہیں خاص طور پر کچھ سی ایس ایس کا استعمال کرتے ہوئے. 

واپس gedit میں، اس میں جانے پہلے DIV ٹیگ اور ایک سٹائل شامل میں چاہوں گا کہ اس کی وضاحت کا وصف فونٹ کا کہنا ہے کہ، کے سائز، 36 پکسلز، یا پکسلز. اور میں نے اس فونٹ کے وزن چاہتے ہیں بلکہ پہلے سے طے شدہ کے مقابلے میں جرات مندانہ ہو، جس میں عام بات ہے. دوسری DIV کے لئے، کی وضاحت کرتے ہیں ایک ہے کہ ایک سٹائل کے وصف فونٹ 24 پکسلز کے سائز، تو تھوڑا سا چھوٹا. نیم وقفہ کے بعد بند کی قیمت درج کرنے. 

آخر میں، اس تیسری DIV میں، کی کرتے ہیں سٹائل اقتباس، فونٹ سائز کے برابر ہے، اور 12 پکسلز اس وقت کہتے ہیں. نیم وقفہ کے بعد بند اقتباس. میں نے کرنے کے لئے لگ رہے ہو تو نوٹس کے لئے stylization کے مخصوص تھوڑا سا کا استعمال کرتے ہوئے ان تین divs میں سے ہر ایک، یہ سی ایس ایس باہر کر دیتا ہے. اصل میں، میں آپ دیکھتے ہیں کہ نحو ان ڈبل قیمت درج کرنے کے درمیان سی ایس ایس، ہے خاص طور پر کی خصوصیات سی ایس ایس اقدار کے ساتھ. اور میں جہاں کہ سب سے پہلے ٹیگ، کے لئے ایسے دو خصوصیات، فونٹ سائز اور فونٹ وزن، میں صرف الگ ایک نیم وقفہ کے ساتھ ان. 

اب، صرف سٹائل کے لئے، میں بھی شامل سیمی کولون میں ہر سطر کے آخر میں. لیکن وہ سختی ضروری نہیں ہیں، آپ کو صرف ایک ہے خاص طور پر جب جائیداد کی وضاحت. اب فائل کو بچانے اور دوبارہ لوڈ کریں دو کروم میں، اور دیکھو کیا خالص اثر ہے. واپس کروم میں، کی دوبارہ کلک کریں. 

اب ہم ایک تھوڑا سا زیادہ دلچسپ ہے جان کے لیے مرکزی صفحہ ہارورڈ، کے ساتھ جس کے تحت پہلی سطر اس کے اندر ہے جو اس کے نام، پہلے DIV، بھی 36 پکسلز لمبا ہے اور جلی حروف، جس کے تحت دوسری لائن، کہ دوسری DIV میں ہے، 24 ہے قد، لیکن جلی حروف پکسلز. اور جس کے تحت تیسری میں تیسری لائن DIV نے بھی 12 پکسلز لمبا ہے اور جلی حروف نہیں. لیکن اب لگتا ہے میں منتقل کرنا چاہتے ہیں پر اس متن کے تمام یہ مرکز ہے کہ اس طرح کی. 

میں فرد کی ہر سیدھ کریں کر سکتے ہیں مرکوز کیا جا رہا ہے کے طور پر divs. لیکن زیادہ آسانی سے، میں ان لپیٹ کر سکتے ہیں ایک چوتھی DIV کے اندر تین divs، ایک والدین DIV، تو بات، اور وضاحت کرنے کے لئے کہ DIV اور اس کے تمام اولاد ہونا چاہئے ٹیکسٹ مرکز منسلک؟ چلو ایک نظر ڈالیں. 

کی gedit کے اندر، کی واپس جانے دو میری جسم اور کے ساتھ ایک نئی DIV اوپر شامل DIV، سٹائل اقتباس unquote برابر متن سیدھ کریں مرکز، بند نیم وقفہ کے بعد حوالہ. اور اب، سب سے آگے اور پوٹ جانے ہم سے پہلے ٹائپ ہے کہ ان لائنوں کی. اور اس تیسرے DIV ذیل، چلو اس نئے DIV بند. 

دوسرے الفاظ میں، کیونکہ ان تین اصل divs اب بچے ہیں، تو کرنے کے لئے ایک نیا والدین DIV کی، بولتے ہیں اور میں نے میں سیدھ چاہتے ہیں اس کی وضاحت کی مرکز میں اس کے والدین DIV کا متن صفحے کے، کہ جائیداد ہو جائے گا ان بچوں میں سے سب کی طرف سے وراثت میں ملا. بے شک، کی فائل کو بچانے کے ہیں اور ایک براؤزر میں ایک نظر ڈالیں. کی کروم میں دوبارہ لوڈ کرتے ہیں. اور وہاں ہم نے اسے، اس سے بھی اچھے ہیں جان ہارورڈ کے ہوم پیج.