ویب صفحہ پر اشیاء کا تعین اس کے مجموعی ڈیزائن کے لئے ضروری ہے. اگرچہ ترتیب کو اثر انداز کرنے کے لۓ دیگر طریقے موجود ہیں جیسے میزیں ( جو ہم اس کی سفارش نہیں کرتے ہیں ) استعمال کرتے ہیں، سی ایس ایس کا استعمال کرنا بہتر ہے .
ذیل میں، ہم تصاویر، میزیں، پیراگراف، اور زیادہ سیدھ کرنے کے لئے سادہ سی ایس ایس سٹائل لائن لائن پراپرٹی کا استعمال کیسے کریں گے.
نوٹ: یہ طریقوں کو بیرونی سٹائل کے شیٹس پر بھی استعمال کیا جاسکتا ہے، لیکن چونکہ یہ انفرادی اشیاء پر لاگو ہوتا ہے اور ممکنہ طور پر اس طرح رہنے کی ضرورت ہوتی ہے، یہ سب سے بہتر ہے کہ ان لائن اسٹائل کا استعمال کیا جاسکتا ہے جیسے ذیل میں کیا گیا ہے.
متن پیراگراف سیدھ کریں
پیراگراف ٹیگ آپ کے ویب صفحے کو باہر نکالنے کے لئے پہلی جگہ ہے. یہ ٹیگ کھولنے اور بند کرنے کی طرح نظر آتے ہیں:
ایک پیراگراف میں متن کی ڈیفالٹ سیدھ صفحے کے بائیں طرف ہے، لیکن آپ اپنے پیراگراف کو صحیح اور مرکز میں بھی سیدھا کر سکتے ہیں.
>
فلوٹ پراپرٹی کا استعمال کرتے ہوئے آپ کو والدین عنصر کے دائیں یا بائیں پر پیراگراف کو سیدھا کرنے کی اجازت دیتا ہے. والدین عنصر کے اندر کسی اور عناصر کو فلوٹ عنصر کے ارد گرد بہاؤ گا.
ایک پیراگراف کے ساتھ بہترین اثر حاصل کرنے کے لئے، کنٹینر (والدین) کے عنصر سے پیراگراف پر ایک چوڑائی مقرر کرنا بہتر ہے.
پیراگراف کے اندر متن سیدھ کریں
ظاہر ہے، پیراگراف متن کے لئے سب سے زیادہ دلچسپ سیدھا "حقائق،" ہے جو کہ براؤزر کو متناسب کے مطابق، ظاہر کرتا ہے، بنیادی طور پر، ونڈو کے دائیں اور بائیں طرف دونوں کو ظاہر کرتا ہے.
ایک پیراگراف میں متن کی توثیق کرنے کے لئے، آپ ٹیکسٹ الائنس پراپرٹی کا استعمال کریں گے.
>
آپ ٹیکسٹ - سیدھ پراپرٹی کا استعمال کرتے ہوئے دائیں جانب یا بائیں (پہلے سے طے شدہ) پر ایک پیراگراف کے اندر تمام متن کو سیدھا کر سکتے ہیں.
ٹیکسٹ سیدھ جائیداد عنصر کے اندر متن سیدھا کرے گا. تکنیکی طور پر، یہ پیراگراف یا دیگر عناصر کے اندر اندر موجود تصاویر کو سیدھا کرنا نہیں ہے، لیکن زیادہ براؤزر اس تصویر کے لئے تصاویر ان لائن کے طور پر علاج کرتے ہیں.
تصاویر کو سیدھا کرنا
تصویر ٹیگ پر فلوٹ پراپرٹی کا استعمال کرتے ہوئے آپ صفحے پر تصاویر کی جگہ کی وضاحت کرسکتے ہیں اور متن کس طرح ان کے ارد گرد لپیٹ دیں گے.
مندرجہ بالا پیراگراف کی طرح، تصویری ٹیگ میں فلوٹ طرز کی جائیداد کی تصویر پر آپ کی تصویر کی حیثیت رکھتی ہے اور براؤزر کو بتاتی ہے کہ متن کے ارد گرد متن اور دوسرے عناصر کو کس طرح بہاؤ.
مندرجہ بالا تصویر کی ٹیگ کے بعد ٹیکسٹ تصویر کے ارد گرد پھیلے گا جس طرح تصویر اسکرین کے بائیں طرف دکھاتی ہے.
اگر میں چاہتا ہوں کہ اس متن کے ارد گرد ریپنگ کرنا متن کو روکنے کے لۓ، میں واضح جائیداد کا استعمال کرتا ہوں.
پیراگراف سے کہیں زیادہ سیدھا
تاہم، اگر آپ صرف ایک پیراگراف یا ایک تصویر سے زیادہ سیدھا کرنا چاہتے ہیں تو کیا ہوگا؟ آپ کو ہر پیراگراف میں صرف ایک سٹائل کی جائیداد مل سکتی ہے، لیکن ایک ایسی ٹیگ موجود ہے جسے آپ استعمال کرسکتے ہیں کہ یہ زیادہ موثر ہے.
بس ٹیگ اور سٹائل کی جائیداد (فلاٹ یا ٹیکسٹ سیدھ) کے ساتھ متن اور تصاویر ( ایچ ٹی ایم ٹی ٹیگ سمیت) کے گرد گھومتے ہیں اور اس ڈویژن میں سب کچھ سنجیدہ ہوجائے گا کہ آپ کس طرح چاہتے ہیں.
ذہن میں رکھو کہ تقسیم کے اندر پیراگراف یا تصاویر میں شامل کردہ صفوں کا اعزاز کیا جائے گا، ٹیگ کو ہٹا دیا جائے گا.