سی ایس ایس کے ساتھ پیراگراف کیسے انڈے

ٹیکسٹ انڈین پراپرٹی اور زبردستی سیبل انتخاب کرنے والے کا استعمال کرتے ہوئے

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

ایک عام پیراگراف سٹائل ہے جو آپ اکثر پرنٹ میں دیکھتے ہیں (اور جسے ہم آن لائن دوبارہ تیار کرسکتے ہیں) ہے، جہاں اس پیراگراف کی پہلی سطر ایک ٹیب کی جگہ کا تعین ہوتا ہے . یہ قارئین کو یہ دیکھنے دیتا ہے کہ ایک پیراگراف شروع ہوتا ہے اور کسی دوسرے سرے سے.

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

اس پراپرٹی کے لئے مطابقت آسان ہے. یہاں یہ ہے کہ آپ دستاویز میں تمام پیراگراف کو کیسے لکھتے ہیں.

p {متن انڈین: 2em؛ }

اشاروں کو حسب ضرورت

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

اس کے بجائے، آپ کو پیراگراف پر غور کرنے پر غور کرنا چاہئے. آپ پیراگراف انفرادی طور پر شامل ہیں جو براہ راست ایک دوسرے پیراگراف کی پیروی کرتے ہیں. ایسا کرنے کے لئے، آپ قریبی بھائی منتخب کنندہ کا استعمال کرسکتے ہیں. اس انتخاب کے ساتھ، آپ ہر پیراگراف کو منتخب کر رہے ہیں جو فوری طور پر ایک دوسرے پیراگراف کی طرف سے ہے.

p + p {متن انڈسٹری: 2em؛ }

چونکہ آپ پہلی سطر پر غور کر رہے ہیں، آپ کو یہ بھی یقینی بنانا چاہئے کہ آپ کے پیراگراف ان کے درمیان کوئی اضافی جگہ نہیں ہے (جو براؤزر ڈیفالٹ ہے). سٹائلسٹ، آپ کو پیراگراف کے درمیان جگہ یا پھر پہلی سطر میں داخل ہونا چاہئے، لیکن دونوں نہیں.

p {margin-bottom: 0؛ پیٹرن - نیچے: 0؛ } p + p {margin-top: 0؛ پیڈنگ ٹاپ: 0؛ }

منفی اشارے

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

کہو، مثال کے طور پر، آپ کے پاس ایک پیراگراف ہے جو ایک بلایکوٹ کے اولاد کا ہے اور آپ اسے منفی طور پر انفرادی طور پر شامل کرنا چاہتے ہیں. آپ اس سی ایس ایس لکھ سکتے ہیں:

blockquote p {متن انڈسٹری: -5em؛ }

یہ پیراگراف کے آغاز کو دے گا جس میں ممکنہ طور پر افتتاحی اقتباس کا کردار بھی شامل ہے، پھانسی کے نقطہ نظر کو پیدا کرنے کے لۓ تھوڑا سا منتقل کردیا جا سکتا ہے.

مارجن اور Padding کے بارے میں

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