Стратегияҳои CSS

Нишондиҳандаи CSS на танҳо сарҳад аст

Амволи CSS дар бораи амволи моликияти зеҳнӣ мебошад. Вақте ки шумо бори аввал дар бораи он фаҳмед, фаҳмидани он душвор аст, ки чӣ гуна ҳатто аз моликияти сарҳадӣ фарқ мекунад. W3C онро ҳамчун фарқияти зерин шарҳ медиҳад:

Майдонҳо ба ҷойи ҷойгир намерасонанд

Ин изҳорот, ки дар дохили худи худ дардовар аст. Чӣ тавр объекти веб саҳифаи шумо дар саҳифаҳои веб саҳифа надошта бошад? Аммо агар шумо фикр кунед, ки саҳифаи вебсайти худро мисли пиёз ба назар гиред, ҳар як мавод дар саҳифа метавонад дар болои болишти дигар ҷойгир карда шавад. Муайян кардани иншоот на ҳамеша ҷой дорад, зеро он ҳамеша дар болои қуттии унсур ҷойгир аст.

Вақте ки тасвир дар атрофи элемент ҷойгир карда мешавад, он дар бораи он ки элемент дар саҳифа гузошта шудааст, ягон таъсир надорад. Он андоза ё мавқеи элементро тағйир намедиҳад. Агар шумо дар бораи унсури тасвир гузоред, он ба ҳамон фазои фосилавӣ, агар шумо намунаи ин элемент надошта бошед. Ин маросим нест. Сарҳад дар элемент ба васеъ ва баландии элемент илова карда шуд. Пас, агар шумо тасвиреро дошта бошед, ки 50 пиксел васеъ, бо сарҳади 2-пикселӣ, 54 пиксел (2 пиксел барои ҳар як марз ягона) мегирад. Ин ҳамон тасвири бо тасвири 2-пикселӣ танҳо дар 50 саҳифа васеътар аст, ки дар саҳифаҳои берунии тасвир нишон дода мешавад.

Нишондиҳандаҳо метавонанд на чаҳорчӯба бошанд

Пеш аз он ки шумо фикр кунед, "сард, ҳоло ман метавонам доираҳо гирам!" Боз фикр кунед. Ин изҳорот маънои онро дорад, ки шумо фикр мекунед. Вақте, ки шумо дар як элемент гузоштаед, браузер ба унсури тарҷума мефаҳмонад, ки он як қуттии калон аст. Агар қуттиро аз якчанд сатр ҷудо кунед, браузер танҳо кунҷҳои кушода бароварда истодааст, зеро қуттиҳои пӯшида нестанд. Ин монанди он аст, ки браузери дидани сарҳад бо экрани васеи васеъ - дараҷаи кофӣ барои он сарҳад ба як дукарми доимӣ аст.

Баръакс, моликияти фонетикӣ ба назар гирифта мешавад. Агар элементҳои алоҳида якчанд сатрҳоро сар диҳанд, тасвир дар охири сатр пӯшида мешавад ва боз дар навбатии нав боз мешавад. Агар имконпазир бошад, ин нақша инчунин ба таври пурра пайваст хоҳад шуд, ташкили шакли ғайримаъмулӣ.

Истифодаи амволи ғайриманқул

Яке аз беҳтарин истифодаи моликияти намунавӣ шеваҳои ҷустуҷӯиро нишон медиҳад. Бисёре аз сайтҳо ин бо рангҳои аслӣ кор мекунанд, аммо шумо инчунин метавонед моликияти намоиширо истифода баред ва дар бораи саҳифаҳои иловагии иловагӣ илова накунед.

Хусусияти тасвири рангӣ калимаи «invert» -ро қабул мекунад, ки ин ранги рангро дар бар мегирад. Ин ба шумо имкон медиҳад, ки элементҳоро дар саҳифаҳои вебсайте, ки ниёз ба фаҳмидани рангҳо дорад, нишон диҳед .

Шумо инчунин метавонед амволи тасвириро барои хориҷ кардани хатҳои нуқта дар атрофҳои фаъол истифода баред. Ин мақола аз CSS-Tricks нишон медиҳад, ки чӣ гуна тарҳрезӣ кардани тасвирҳо.