د ویب پاڼه د بصری ډول او ترتیب ترتیب د CSS یا Cascading Style Sheets لخوا ترتیب شوی. دا هغه اسناد دي کوم چې د ویب پاڼې د ایچ ایچ ایل نښه کوي، د پاڼې نښه کولو سره د ویب نښه کونکي چمتو کوي چې د هغه نښه نښه څنګه چې د دې نښه نښه ښکاره کوي. CSS د صفحې ترتیب، همداراز رنګ، پس منظر انځورونه، نوعه ډوله او نور ډیر.
که تاسو د سی ایس ایس فایل وګورئ، تاسو به وګورئ چې د هرې نښه نښه یا کوډونې ژبې په څیر، دا فایلونه دوی ته ځانګړي نخشه لري. د هر ډول سټاټ پاڼه د سی ایس ایس قواعدو څخه جوړه شوې ده. دا قواعد، کله چې په بشپړه توګه اخیستل شوي وي، هغه ځای دی چې سایټ یې پټوي.
د سی ایس ایس قواعد برخې
د سي ایس ایس اصول د دوو جلا برخو څخه جوړ شوی دی - انتخاب او اعلان. ټاکونکی د دې په ګوته کوي چې په یوه پاڼه کې څه شی کیږي او اعالن دا دی چې دا څنګه ډیزاین شي. د مثال په توګه:
p {
رنګ: # 000؛
}
دا د CSS سیال دی. د ټاکونکی برخه "p" ده، کوم چې د "پراګراف" لپاره یو عنصر انتخابونکی دی. نو له همدې کبله به په هر ځای کې ټولې پیراګراف غوره کړئ او دا ډول طرزالعمل چمتو کړئ (مګر هیڅ داسې پیراګراف شتون نلري کوم چې ستاسو د سی ایس ایس سند کې په نورو ځایونو کې د نورو ځانګړتیاو لخوا ټاکل شوي وي).
د قاعده برخه چې وایي "رنګ: # 000؛" هغه څه دي چې د اعلامیې په نوم پیژندل کیږي. دا اعلامیه د دوو برخو جوړه شوې ده - د ملکیت او ارزښت.
ملکیت د دې اعلامیې رنګ "رنګ" دی. دا پریکړه کوي چې د ټاکونکي اړخ به په نظری ډول بدلون ومومي.
ارزښت هغه څه دي چې غوره شوي ایس ایس ایل ملکیت به بدل شي. زموږ په مثال کې، موږ د 000 ډالرو هکس ارزښت استعمالوو، کوم چې د "تور" لپاره د CSS نسخه ده.
نو د دې سیسټم د کارولو کارول، زموږ پاڼه به د تور رنګ په رنګ کې ښودل شوي پیراګراف ولري.
د سی ایس ایس ملکیت اساسات
کله چې تاسو د سی ایس ایس ځانګړتیاوې ولرئ، تاسو کولی شئ په آسانۍ سره هغوی نشي کولی لکه څنګه چې تاسو مناسب وګورئ. د مثالونو لپاره، "رنګ" د حقیقي CSS ملکیت دی، نو تاسو کولی شئ دا کار وکاروئ. دا ملکیت هغه څه دی چې د عنصر متن متن ټاکي. که تاسو هڅه وکړئ چې "متن-رنګ" یا "font-color" د سی ایس ایس ملکیت په توګه کاروئ، دا به ناکامه وي ځکه چې دوی د سي ایس ایس ژبې حقیقي برخې ندي.
بله بېلګه د ملکیت "پس منظر - انځور" ده. دا ملکیت یو انځور ټاکي چې د یو پس منظر لپاره کارول کیدی شي، لکه:
.logo {
پس منظر - انځور: url (/images/company-logo.png)؛
}
که تاسو د "پس منظر - انځور" یا "پس منظر - ګرافیک" د ملکیت په توګه کارولو هڅه کړې، دوی ناکام وي ځکه، یو ځل بیا، دا د اصلي CSS ځانګړتیاوې ندي.
ځینې سی ایس ایس پراپرټیزونه
دلته د سی ایس ایس ځانګړتیاوې شتون لري چې تاسو کولی شئ د سایټ د اندازې لپاره کار واخلئ. ځینې مثالونه په لاندې ډول دي:
- سرحد (په ګډون د سرحد طرزالعمل، سرحدي پولې، او سرحدي چوکۍ)
- ډډډنګ (د پورت کولو - پورته، پاډنگ کولو، ګنډلو ټیټ، او د چټک پوښښ پشمول)
- مارګینونه) د حاشین - پورته، متوسط ښیښې، متوسط لاندینۍ، او حاصالتو - بکس په ګډون
- فونټ - کورنۍ
- د فاڼې اندازه
- پس منظر رنګ
- څلورم
- لوړوالی
دا سی ایس ایس ځانګړتیاوې لویې دي لکه د مثالونو کارولو لپاره، ځکه چې دوی ټول خورا ساده دي او حتی که تاسو CSS نه پوهیږئ، تاسو ممکن ممکن د هغه نومونو په اساس چې دوی یې کوي ترسره کړي.
د سی ایس ایس نورو ځانګړتیاوې شتون لري چې تاسو به هم ورسره مخامخ شئ کوم چې کیدی شي دا روښانه نه وي چې دوی د دوی د نومونو پر بنسټ کار کوي:
- فلټ
- پاکول
- زیان
- د متن بدلون
- Z-index
لکه څنګه چې تاسو په ویب ډیزاین کې ژور یاست، نو تاسو به دا ټول ملکیتونه (او استعمال کړئ) سره مخامخ شئ.
ځانتياوې اړتياوې
هر کله چې تاسو د ملکیت کاروئ، تاسو باید دا ارزښت درکړي - او مشخص مشخصات یوازې یوازې ځینې ارزښتونه منلی شي.
د "رنګ" ملکیت زموږ په لومړي مثال کې، موږ باید د رنګ ارزښت استعمال کړو. دا د هییکس ارزښت ، د RGBA ارزښت، یا حتی د رنګونو کلیدي کیدی شي. که څه هم د دغو ارزښتونو هر یو به کار وکړي، که څه هم تاسو د دې ملکیت سره "ښکلي" کلمه کارولې، دا به هیڅ شی ونه کړي ځکه، چې د دې کلمې په توضیح کې به تشریح شي، دا په CSS کې یو پیژندل شوی ارزښت نه دی.
د "پس منظر - انځور" زموږ دوهم مثال ته اړتیا ده چې د انځور لاری د خپل سایټ د فایلونو څخه حقیقي انځور راوستلو لپاره کارول کیږي. دا ارزښت / مطابقت دی چې اړتیا وي.
د سی ایس ایس ټول ډولونه داسې ارزښت لري چې دوی یې تمه کوي. د مثال په توګه:
- د سرحد رنګ د رنګ ارزښت تمه لري
- د سرحد اندازه د sizing ارزښت غواړي لکه سایټ یا سلګونه
- د سرحدونو ډولونه د یو خوندي شوی شیلید تمه لري چې د دې ملکیت لپاره کارول کیږي، لکه "solid"
که تاسو د سی ایس ایس د ځانګړتیاوو لیست ته لاړ شئ، تاسو به معلومه کړئ چې هر یو ځانګړي مشخصات لري چې دوی به د هغه شالونو د جوړولو لپاره کاروي چې دوی یې لپاره وي.
جیریمی Girard لخوا تصویب شوی