سی ایس ایس: فونٹ کا رنگ، شیلیوں، پس منظر، سائز

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

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

جنرل سٹائل کی تفصیل منطق

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

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

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

عمومی منطق کا مثال

یہ بہت آسان ہے: صرف تین عناصر کے لئے سی ایس ایس کا رنگ مقرر کیا جا سکتا ہے، آپ کم از کم تین لمبی کھیل کے مسائل حاصل کرسکتے ہیں:

# Ele1، # Ele2، # Ele3 {
پوزیشن: مطلق؛
بائیں: 20px؛
اوپر: 14px؛
رنگین: سرخ؛
}

# Ele2، # Ele3 {
بائیں: 90px؛ // افقی طور پر سی ایس ایس کو منظم کریں
رنگین: پیلا؛ // سی ایس ایس کا فونٹ رنگ تبدیل کریں
}

# Ele3 {
اوپر: 114px؛ // عمودی طور پر سی ایس ایس کو منظم کرتے ہیں

رنگین: سبز؛ // پھر سی ایس ایس فونٹ رنگ تبدیل کریں

پس منظر کا رنگ: lightgrey؛ // سی ایس ایس متن کا انتخاب کا رنگ بدل گیا ہے، لیکن یہ # Ele1 اور # Ele2 میں نہیں ہے؛ پوزیشن کو بھی تبدیل کردیا گیا ہے، لیکن یہ پہلے ہی # Ele2 میں تبدیل ہوگیا ہے اور یہاں نہیں پسند ہے

}

اب ہمیں یاد رکھنا ہوگا کہ یہ تین عناصر کہیں کی گئی ہیں اور سائٹ کے مالک کی رنگ نمائندگی کو تبدیل کرنے کی صورت میں، ڈویلپر صرف رنگ کے بارے میں نہیں بلکہ بائیں اور سب سے اوپر قواعد کے بارے میں بھی یاد رکھنا پڑے گا، اور متن کے انتخاب کا رنگ تبدیل نہیں ہونا چاہئے.

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

• groundColor کلاس کے سی ایس ایس سٹائل میں فونٹ کا رنگ مقرر کریں؛
• فونٹ سائز کی وضاحت کریں - کلاس کا سائز 15؛
• پوزیشن - کلاس پلیس اپ مقرر کریں.

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

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

عام منطق کی درخواست کی متوقع نتیجہ

جدید براؤزروں کو بڑی تعداد میں سٹائل کی فائلوں اور ان کے حجموں کی بڑی تعداد سے اشارہ کرتے ہیں. تاہم، جب سی ایس ایس کے ذریعے ڈیزائن کرنا، خاص طور پر، پورے صفحے کا رنگ، ایک کو ہمیشہ مناسب سہولت کے بارے میں سوچنا چاہئے. درخواست کے تمام سارے قوانین "سستے" نظر نہیں ہیں. ایک سادہ لسانی اندراج: * {رنگ: سفید؛} - ضرور ضرور خوبصورت ہے، لیکن یہ بغیر کسی رعایت کے صفحے کے تمام عناصر پر لاگو ہوتا ہے.

سی ایس ایس کے تمام قوانین میں سے، سب سے اہم:

• انداز ایک طبقہ ہے، اور پھر اس کا نام شروع ہوتا ہے "."؛
• انداز - شناختی اور اس کا نام علامت (#) کے ساتھ شروع ہوتا ہے "#"؛
• دوسرے معاملات میں - یہ ٹیگ یا کچھ خاص کا نام ہے

شیلیوں کی وضاحت کرنے کے لحاظ سے دیگر خیالات (میراث، اتبلاپ کی خصوصیات، ترجیحات، پوزیشن، آرڈر، وغیرہ) کو لازمی طور پر اور سختی سے لازمی طور پر لاگو کیا جانا چاہئے.

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

غیر متوقع مواقع

* {بائیں: 124px جیسے شیلیوں کا استعمال نہ کریں؛ } یا

زول العالم، الاسلام، اللھ {مارجن - نیچے: 0؛ }
ایک img {سرحد: 0؛ }

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

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

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

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

جامد متحرک

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

یہاں متحرک ایک الگورتھم کی ضرورت نہیں ہے:

// سائٹ پر لاگ ان بٹن پر روشنی ڈالیں
فنکشن scfWcome نتیجہ () {
Document.getElementById ('scDocxNamePiP'). Style.visibility = 'ظاہر'؛
}

// سائٹ پر لاگ ان بٹن چھپائیں
فنکشن scfWcome نتیجہ () {
Document.getElementById ('scDocxNamePiP'). Style.visibility = 'پوشیدہ'؛
}

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

متحرک مواد ڈسپلے

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

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

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

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

جاوا اسکرپٹ سے سٹائل کی متحرک

کم از کم، بلکہ بہت مؤثر، حل براہ راست کلائنٹ کے برائوزر میں اسٹائل کرنا ہے. سب سے پہلے، یہ سرور کو کھولتا ہے - اس کے لئے صفحے ہائپر ٹیکسٹ اور طرز فائلوں کے قیام پر وقت ضائع کرنا ضروری نہیں ہوگا.

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

تیسری، یہ ڈویلپر کو ایک انداز میں مواد بنانے کے لئے وزیراعظم کے لئے ایک میکانزم فراہم کرنے کی اجازت دیتا ہے جس میں یہ آسان ہے. کوئی اور نہیں ہے.

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

یہ موجودہ رجحان کو ان کی پروسیسنگ سے ڈیٹا کی پیشکش کو الگ کرنے کے خلاف متفق نہیں ہے اور ڈیٹا کو ڈسپلے چھوڑ کر پیش کیا جاتا ہے.

سی ایس ایس فعال جزو کے طور پر

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

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

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

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

پروگرامنگ کے میدان میں dogmas پر

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

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

جیسا کہ یہ کرے گا، یہ مکمل طور پر واضح نہیں ہوسکتا ہے، لیکن حقیقت یہ ہے کہ یہ عمل واضح طور پر جاری ہے.