CSS ددورې. د ټاکونکي ډولونه

، چې هر يو د تاسو غواړئ چې د يو ځانګړي رنګ وټاکئ. څنګه کولای شو چی دا کار؟ معياري CSS ددورې لپاره نښانونه مناسب نه دي، دوی د ټولو بلاکونو د پارامترونو په يو وخت په ګوته کوي. د حل لاره دا ده ساده ده. ټولګي غړي وټاکي. ټولګي = 'نیلي'، دریم - - ټولګي = 'شين' د مثال په توګه، د لومړي 'سره'، دوهم div ټولګي ترلاسه =. اوس هغوی CSS جدولونو په کارولو سره غوره شي.

د العروض په لاندې ډول دي: یو ټکی ( ".")، ورپسې د دغه ټولګي په نوم لیکلو ښيي. د لومړي واحد اداره، د رغاونې په .red وکاروي. دوهم - نو پر .blue او.

مهم! دا سپارښتنه ده چې د دغه ټولګي د خاصه مانا ارزښتونو وکاروي. دا بد فورمه ګڼل peer جوړه (د بيلګې په توګه، krasiviy-blok) او يا د تورو / شمېر تصادفي ترکیبونو (ojfh834871) وکاروي. په دې کوډ، تاسو مکلف وارخطا تر لاسه کړي، نه د ستونزې چې به هغه کسان چې به وروسته تاسو ته په دې پروژه کې ښکیل شي مخامخ ذکر. غوره انتخاب - د هر ډول میتودولوژي وکاروي، لکه BEM.

ګټي - نسبتا لوړ انعطاف.

زيانونه - د څو عناصر کیدای شي یو او په همدې ټولګي، چې دا مانا لري، چې دوی به د وخت تصحيح شي. د میتودولوژي او همدارنګه د preprocessors ميراث په کارولو سره دا ستونزه حل شوې ده. ډاډه اوسئ چې ستاسو په لاس کې لږ، د SASS او يا پر ځينو نورو preprocessor لاسه کړي، نو ډېر کار او ساده کوي.

تذکرو ټاکونکی

په اړه دې بڼې په نظر coders او پروګرامران دي مبهم. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. ځینې CSS اړه څپړنه او د تذکرو د استعمال سپارښتنه نه، ځکه چې په ناسم غوښتنلیک دوی سره د ميراث ستونزې کولای شي سبب شي. خو د ډېرو کارپوهانو په فعاله توګه په ټوله هډوانه يې انتظام. تاسو پرېکړه وکړي. # »), затем имя блока. د پوند ننوتنه ( "#")، نو د بنديز د نوم: د العروض په لاندې ډول دي. #red. د مثال په توګه، #red.

отличается от класса по нескольким параметрам. تذکرو په څو لارو د ټولګي څخه توپير لري. ID. لومړی، د مخ نه شي دوه یو تذکرو. دوی یو بې ساری نوم ګمارل شوي دي. دوهم، لکه انتخابوونکي د لوړو لومړیتوب لري. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. دا په دې مانا چې که چېرې تاسو د يو واحد ټولګي سور مشخص او په CSS جدولونو سره مشخص شاليد رنګ، او بيا دا وټاکي ورته ID نیلي او د رنګ نیلي مشخص، د واحد به نیلي اړوي.

ګټې - تاسو کولای شي د ځانګړو عنصر د کنټرول، له پامه د نښانونو او ټولګي سبک.

ID и class. زيانونه - آسانه کې د تذکرو او ټولګي کې یو زیات شمیر لاسه له لاسه ورکړ.

مهم! ID вам, в общем-то, не нужны. که تاسو BEM میتودولوژي (او يا د هغې analogues)، ID دي تاسو ته په کارولو سره، په عمومي توګه، نه دي ته اړتيا لري. دا تخنیک کې د هډوانې ساری ټولګي څومره چې نور مناسب استعمال.

نړیوال ټاکونکی

{}. العروض: Starlets ننوتنه ( "*") او قوسونو کې، يعنې د، {*} ...

کارول د ځانګړو صفتونو کله چې د مخ د ټولو عناصرو وګماری. کله چې دا کیدای شي ګټور؟ box-sizing: border-box. د بېلګې په توګه، که تاسو غواړئ چې د مخ ملکیت بکس-درجن په ټاکل: د سرحدي-بکس. div *{}. آيا نه يوازې شي چې د سند د ټولو برخو، اداره کارول خو هم د مشخص د بنديز د ټولو ماشومانو، د مثال په توګه د کنټرول، div * {}.

ګټې - تاسو کولی شئ د توکو يو زيات شمېر په يو وخت کې د کنټرول.

له بندڅخه - کافي نه انعطاف انتخاب. برسېره پر دې، د دې ټاکونکی کې کارول، په ځینو مواردو کې د مخ کار ورو شي.

له خوا صفات

د کمکیانو لپاره دا امکان سره د ځانګړو خاصه عنصر کنټرول. د مثال په توګه، تاسو ته یو مختلف خاصه ډول سره د آخذې نښانونه د یو شمیر لري. د هغوي يو - د متن، د دوهم - پټنوم، د دریم - شمیره. البته، تاسو کولای شی هر ټولګي یا تذکرو جوړ، خو دا کار تل اسانه نه ده. د صفات CSS ددورې لپاره دا ممکنه لپاره سره اعظمي دقت ټاکلي نښانونه ارزښتونو دی ځانګړی کړی. د مثال په توګه، د دې په شان:

آخذه [ډول = 'متن'] {}

دا ټاکونکی کې به د آخذه متن ډول سره د ټولو صفاتو ټاکي.

دغه وسیله ده خورا انعطاف او کولای شي چې د نښانونو، چې کېدای شي صفات وي هر وکارول شي. خو چې نه د ټولو! د CSS ځانګړنه لري توان سره نور هم آسانتیاوو د عناصرو د کنټرول!

تصور چې ستاسو مخ سره د خاصه placeholder آخذه لري = "يو نوم وليکئ" او آخذه placeholder = "پټنوم ورکړئ". دوی هم د ټاکونکی په کارولو سره غوره شي! د دې، د لاندې جوړښت کاروي:

آخذه [placeholder = "نوم ورکړئ"] {} يا آخذه [placeholder = "د پټنوم ورکړئ"]

سره صفات ښايي زيات انعطاف کار. راځئ چې ووايي، چې د سره ورته صفات سرليک (د مثال په توګه، "د کسپین د" او "د کسپین د") نښانونه شمېره ولري. د دواړو انتخاب، د لاندې انتخاب کاروي:

[عنوان * = "Kaspiysk"]

CSS به په سرليک د ټول توکي چې د "د کسپین د"، يعنې د. E.، او "د کسپین د" او "د کسپین د" سمبولونه شته دي غوره کړي.

همدا راز تاسو کولای شي چې د نښانونه پيل سره د يو شخصیت نسبت غوره:

[عنوان ^ = "کرکټر تاسو غواړئ"] {}

او يا يې فسخ:

[عنوان $ = "حق کرکټر"] {}.

ګټي - اعظمي انعطاف. تاسو کولای پاڼه کوم موجوده عناصر پرته سره د ټولګي تېروي ټاکي.

زيانونه - نسبتا په ندرت سره کارول، یوازې په ځانګړو مواردو کې. ګڼ شمیر ویب طرح ته میتودولوژی غوره، ځکه ټکی ټولګي په پرتله د يو شمېر انتظام آسانه قوسونو مربع او داسې نښې نښانې "برابر". برسېره پر دې، د دغو ددورې په Internet Explorer نسخې د 7 او لاندې کار نه کوي. که څه هم، چې اوس د زاړه Internet Explorer ته اړتيا لري؟

جعلي-ټولګي ټاکونکي

عمومأ يو کاذب حالت عنصر دی. د مثال په توګه ،: hover - هغه څه چې کله چې تاسو hover د مخ په برخه کې د رامنځ ته ،: څخه لیدنه وکړه - د ليدنه مخونه. لومړي ماشوم او: تېر-ماشوم دا هم عناصر لکه شامل دي.

د ټاکونکی کې دا ډول په فعاله توګه په عصري هډوانه کارول، ځکه چې دا مننه چې تاسو کولای شي د يوه مخ "ژوند" د جاواسکرېپټ د استعمال څخه پرته کړي. د مثال په توګه، تاسو غواړئ چې ډاډمن يو چې له تاسو سره د btn خپل رنګ بدل د ټولګي په تڼۍ باندې hover کړي. د دې، چې موږ د لاندې جوړښت کاروي:

.btn: hover {

شاليد-رنګ: سور؛

}

ښکلا کولای شي په د تڼی، د انتقال د ملکیت اساسي مال مشخص شي، د مثال په توګه، 0.5s - په دې صورت کې، د تڼۍ به په فوري توګه blush نه، او نیم د دوهم دننه.

فضیلت - په پراخه توګه د مخونو "راژوندي" لپاره کارول. په آسانۍ سره وکاروي.

زيانونه - دوی نه دي. دا يو په رښتيا سره مخېږئ وسیله ده. که څه هم، بې تجربې ويب طرح کیدای شي د کاذب ټولګيو د پريماني ترلاسه له لاسه ورکړ. دغه ستونزه حل مطالعه او عمل دی.

کاذب ددورې

"Pseudo" - دا د مخ چې په HTML نه د برخو دي، خو دوی اوس هم کولای شي اداره شي. تاسو پوه نه؟ دا په پرتله ډير اسانه ښکاري. د مثال په توګه، تاسو غواړی لپاره په تار لومړی توری غټ او سور، د نورو وړو او تور متن وځي. البته، دا نتيجه اخيستل کيږی سره په يوه ځانګړې ټولګي کې یو اوږدو کې چې د لیک، خو دا د اوږد او ستړي کوي. دا ډیره آسانه ده چې د ټول پاراګراف وټاکئ او جعلي :: لومړي ليک وکاروي. دا فرصت د لومړی لیک بڼه کنټرول ورکوي.

خورا د کاذب عناصر یو زیات شمیر شتون لري. دوی یو واحد ماده په لست کی دی نه بريالي. تاسو کولای شی د ستاسو د خوښې د پلټنې ماشین اړونده معلومات ترلاسه کړو.

ګټي - د انعطاف د مخ کتنه دتنظيمولو برابر کړي.

زيانونه - نوي هغوی اکثرا وارخطا. د يواځې په ځينو لټوونی د کار د دې ډول زياتره انتخاب.

د لنډيز

انتخابوونکی - د سند د جريان د کنترول يوه ځواکمنه وسيله. د هغه مننه، تاسو کولای شی هر د مخ يوه برخه غوره (هلته هم یوازې په قسمي دي). ډاډه اوسئ چې د ټول انتخابونه شته زده، او یا هم د هغوی وليکي. دا په ځانګړې توګه مهمه ده که تاسو سره د يو عصري ډيزاين پیچلې مخونه او د ايکټيو عناصر ډېر جوړ کړي.