Home-theater-designers
CSS زبانوں کی ایک منفرد کلاس سے تعلق رکھتا ہے ، جسے سٹائل شیٹ لینگویجز کہا جاتا ہے۔ یہ بنیادی طور پر آپ کے ویب پیج کی پریزنٹیشن کی وضاحت کے لیے استعمال ہوتا ہے۔ اگرچہ ایچ ٹی ایم ایل آپ کو یہ بتانے دیتا ہے کہ آپ کے صفحے کی تشکیل کیسے ہونی چاہیے ، یہ سی ایس ایس ہے جو اسے اسٹائل کرنے کے لیے استعمال ہوتا ہے۔ بصورت دیگر ، آپ ایک بہت ہی خوبصورت ویب سائٹ کے ساتھ ختم ہوجائیں گے۔
CSS پر توجہ مرکوز کرنا آپ کی ویب سائٹ کی اپیل کو بہتر بنانے کا ایک بہتر طریقہ ہے ، خاص طور پر جب آپ کے صارف کے تجربے کو بڑھانے کی بات آتی ہے۔ اس طرح ، آپ اپنی ٹریفک کو بھی بڑھا سکتے ہیں۔ شروع کرنے والوں کے لیے ، آپ اسٹیکڈ فارم استعمال کرسکتے ہیں۔
سٹیڈ فارم کیا ہے؟
ایک سجا ہوا فارم آپ کو ایک مخصوص فارم بنانے کی اجازت دیتا ہے جہاں آپ اپنے لیبل اور آدانوں کو افقی پیٹرن میں رکھنے کے بجائے ایک دوسرے کے اوپر رکھ سکتے ہیں۔
یہاں ہے کہ آپ اسے کیسے کر سکتے ہیں۔
HTML کوڈ کریں۔
HTML عنصر استعمال کریں ، ، آپ کی معلومات پر کارروائی کرنے کے لیے۔ متعلقہ فیلڈز کے لیبل شامل کریں اور متعلقہ ان پٹ فیلڈز تفویض کریں۔ اس مثال میں ، ہم صارفین سے کہہ رہے ہیں کہ وہ فارم کا ان پٹ ٹائپ کے ساتھ اپنا پورا نام اور ای میل ایڈریس فراہم کریں۔ متن ، جبکہ ایک ڈراپ ڈاؤن مینو بذریعہ بنایا گیا ہے۔ آئی ڈی منتخب کریں تاکہ وہ اپنی صنعت کا انتخاب کرسکیں۔
What Is a Stacked Form?
Here's how you create a stacked form.
Full Name
Email Address
Department
Information Technology
Customer Support
Sales
تاہم ، کوڈ کے اس ٹکڑے کو چلانے سے کھیتوں کو عمودی طور پر اسٹیک کیے بغیر صرف ایک نرم شکل پیدا ہوگی۔ اور اسی جگہ آپ کو CSS شامل کرنا پڑے گا۔
لیپ ٹاپ پر کہیں بھی وائی فائی کیسے حاصل کریں
CSS پارٹ کوڈ کریں۔
اب ، ایک الگ سٹائل شیٹ بنائیں اور باڈی ٹیگ سے پہلے اسے اپنے HTML میں شامل کریں:
اگلا ، اپنے HTML کا جسم ، ان پٹ اقسام ، اور کنٹینر منتخب کریں اور انہیں CSS کے ذریعے اسٹائل کریں۔ اس میں مختلف سی ایس ایس پراپرٹیز ، جیسے فونٹ فیملی ، چوڑائی ، پیڈنگ ، مارجن ، ڈسپلے ، بارڈر وغیرہ کے ساتھ تجربہ کرنا شامل ہوگا اور اپنی پسندیدہ اقدار شامل کریں گے۔ اس طرح ، آپ ایک اسٹیکڈ فارم کے ساتھ ختم ہوجائیں گے جو آپ کی صحیح ترجیحات کے مطابق ہے۔ یہاں ایک مثال ہے۔
body {
font-family: Calibri;
}
input[type=text], select {
width: 25%;
padding: 12px 20px;
margin: 8px 10;
display: list-item;
border: 4px double #39A9DB;
border-radius: 8px;
box-sizing: border-box;
}
input[type=submit] {
width: 25%;
background-color: #F8E2E6;
color: #0000FF;
padding: 12px 18px;
margin: 20px 0;
border: none;
border-radius: 6px;
cursor: pointer;
}
div.container {
border-radius: 10px;
background-color: #39A9DB;
padding: 40px;
}
ذیل میں آؤٹ پٹ چیک کریں۔
اب آپ CSS میں اسٹیکڈ فارم بنا سکتے ہیں۔
اس آرٹیکل کے ساتھ ، آپ نے سیکھا ہے کہ سی ایس ایس میں اسٹیکڈ فارم کیسے بنایا جائے۔ مشق کے ساتھ ، آپ اپنے فارم کو بہتر بنانے اور اپنی ویب سائٹ کو زیادہ صارف دوست بنانے کے قابل ہو جائیں گے۔
cmd چلانے کے لیے بیچ فائل بنائیں۔
پروگرامنگ گیم کا نام 'پریکٹس' ہے۔ ایک سجیلا ویب ڈیزائنر اور زیادہ موثر ویب ڈویلپر بننے کے لیے نمائشی پروجیکٹس کے ساتھ دن رات اپنی سی ایس ایس کی مہارت کو بہتر بنائیں۔
بانٹیں بانٹیں ٹویٹ ای میل۔ 10 سادہ سی ایس ایس کوڈ کی مثالیں جو آپ 10 منٹ میں سیکھ سکتے ہیں۔سی ایس ایس کے ساتھ مدد کی ضرورت ہے؟ شروع کرنے کے لیے ان بنیادی CSS کوڈ مثالوں کو آزمائیں ، پھر انہیں اپنے ویب صفحات پر لاگو کریں۔
اگلا پڑھیں۔ متعلقہ موضوعات۔- پروگرامنگ۔
- ویب سازی
- سی ایس ایس
عثمان ایک مواد کی مارکیٹنگ کرنے والے ہیں جنہوں نے ڈیجیٹل پلیٹ فارمز پر نامیاتی ترقی کے ساتھ کئی کاروباری اداروں کی مدد کی ہے۔ اسے پروگرامنگ اور لکھنا دونوں پسند ہیں ، جس کا مطلب یہ ہے کہ تکنیکی تحریر ایسی چیز ہے جس سے اسے بہت لطف آتا ہے۔ کام نہ کرنے پر ، عثمان ٹی وی شو دیکھنے ، کرکٹ کو فالو کرنے اور ڈیٹا اینالیٹکس کے بارے میں پڑھنے میں وقت گزارتے ہیں۔
عثمان غنی سے مزیدہماری نیوز لیٹر کو سبسکرائب کریں
ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!
سبسکرائب کرنے کے لیے یہاں کلک کریں۔