سی ایس ایس کے باکس: بغیر تیاری اور اثر

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

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

نحو کی وضاحت

مخصوص کردہ فیلڈ جگہ کا تعین کرنے عنصر صفحے کے اوپری بائیں کونے (بائیں، اوپر)، افقی اور عمودی سمتوں میں سائز (چوڑائی، اونچائی) کی نسبت نقاط. تمام ڈیزائن اور حرکت پذیری عناصر جوڑوں میں بنائے جاتے ہیں ": قدر ملکیت".

تفصیل لنک ریفرنس اس سے اشارہ کرتے ہوئے، سٹائل داخل کرنے کے لئے صفحے کے کوڈ میں یا ایک علیحدہ فائل میں براہ راست کیا جاتا ہے. نحو:

#name {جائیداد: قیمت؛ جائیداد: قیمت؛ جائیداد: قیمت؛ ...}

یا

.نام {جائیداد: قیمت؛ جائیداد: قیمت؛ جائیداد: قیمت؛ ...}

نام بھی P، جسم، HTML، میز، TD ہو سکتا ہے ...، کہ ایچ ٹی ایم ایل-مارک اپ ٹیگ کا نام ہے. سٹائل عنصر کی وضاحت کے ساتھ براہ راست منسلک کیا جا سکتا ہے.

آپ میری اپنی طرز تحریر قضاء کرنے سے پہلے، یہ، یا دبانے کے لئے Ctrl-U براؤزر میں براہ راست اسے دیکھنے طرف صفحے کوڈ مدنظر رکھتے مقبول سائٹس پر کیسے ہوگیا ہے، دیکھنے کے لئے چوٹ نہیں.

اہم پیرامیٹرز

دراصل CSS فریم عنصر کی نمائندگی کی طرز (بارڈر طرز)، رنگ (بارڈر کا رنگ)، چوڑائی (سرحد کی چوڑائی). یہ سب ایک جائیداد میں تلخیص کیا جا سکتا ہے - سرحد. آپ آزادانہ طور پر ہر فریم سرحد کی وضاحت کر سکتے ہیں (سرحد ٹاپ، سرحد-نیچے، سرحد سے بائیں، سرحد سے دائیں).

جھرن کاری سٹائل شیٹس کی عام قوانین کی طرف سے بیان کی سی ایس ایس فریم:

سرحد: 3px؛
سرحدی رنگ: سرخ؛
سرحد طرز: ڈبل ٹھوس بندیدار ڈیش دار.

ڈبل، حق کے اوپری جانب - ڈیش دار، ٹھوس نیچے، بائیں - پوائنٹ: سرخ، سٹائل اطراف - یہ وضاحت 3 پکسلز، رنگ کی سرحد کی چوڑائی طے کرتا ہے.

سرحدی-چوڑائی: کریں 1px 2px 4px کے 8px؛
سرحدی رنگ: نیلے رنگ،
سرحد طرز: بندیدار.

نیلے رنگ، اور سٹائل - - یہاں، ہر طرف کے طول و عرض کے سب سے اوپر، گھڑی، رنگ سے ترتیب بھی ہیں اسپاٹ.

سرحد کا رنگ: بلیو سرخ، سبز، سیاہ،

اس تصریح میں، انفرادی طور پر ہر طرف رنگ کی وضاحت. سرحدی جائیداد سے زیادہ پیرامیٹرز، اور فریم دور ہو سکتا ہے کے زاویہ میں شامل ہوسکتے ہیں:

سرحد: کریں 1px سبز ٹھوس؛
سرحد رداس: 0px 4px کے 8px 12px؛
-moz سرحد رداس: 0px 4px کے 8px 12px؛
-webkit سرحد رداس: 0px 4px کے 8px 12px؛

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

فریم اور اس کا مقصد کی موٹائی

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

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

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

باہر کے تحت

مقبول سائٹس کی تحقیق کوڈ صفحات کی اہمیت ہے CSS سبق، بہت دلچسپ ہے. تاہم، اپنے وسائل منفرد ہونا ضروری ہے، یہ اس کے اپنے چہرے کو ہونا ضروری ہے.

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

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