Истифодаи CSS-ро аз марзҳо ва сарҳадҳо берун кунед

Веб браузери имрӯза аз роҳҳои тӯлонӣ аз рӯзҳои девона меояд, ки ҳама гуна мундариҷаи веб-браузер тарзи хурсандӣ буд. Вебҳои браузерҳои имрӯза ҳама стандартҳои мувофиқро доранд. Онҳо якҷоя ба таври якҷоя бозӣ мекунанд ва нишон медиҳанд, ки саҳифаҳои гуногуни саҳифаҳои гуногунро дар тӯли браузерҳои гуногун таъмин мекунанд. Ин навтарин версияҳои Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari ва браузерҳои гуногун дар дастгоҳи дастгириҳои мобилӣ , ки барои дастрасӣ ба сомонаи имрӯз истифода мешаванд, дохил мешаванд.

Гарчанде, ки пешрафти вебсайтҳо ва чӣ гуна онҳо CSS нишон дода шудаанд, дар байни ин гуна усулҳои гуногуни нармафзор вуҷуд дорад. Яке аз омилҳои ғайримуқаррарӣ ин тарзи браузерҳо аз рӯи қоидаҳо, маркетингҳо, фазо ва сарҳадҳо ҳисоб мекунанд.

Азбаски ин қисмҳои модули қолаб ба ҳамаи элементҳои HTML таъсир мерасонанд, ва онҳо дар ташкили маҷаллаҳои саҳифа хеле муҳим мебошанд, нишондиҳандаи нодуруст маънои онро дорад, ки саҳифа дар як браузер бузургтар аст, аммо дар як чизи дигар каме назар мекунад. Барои мубориза бо ин мушкилот, бисёре аз дизайнерҳои интернетӣ ин ҷанбаҳои модулро ба таври расмӣ муқаррар мекунанд. Ин таҷрибаро низ ҳамчун "сифр кардан" арзишҳои марбут ба маржинҳо, фазо ва сарҳадҳо номида мешаванд.

Эзоҳ дар бораи браузерҳо

Ҳамаи браузерҳо барои танзимоти пешфарз барои намудҳои алоҳидаи саҳифа мавҷуданд. Масалан, hyperlinks аз рӯи аломати зард ва аломати поён. Ин ба воситаи браузерҳои гуногун мутобиқ аст ва ҳарчанд он чизест, ки лоиҳакашони зиёди аксари тарроҳон ба талаботи эҳсосии лоиҳаи мушаххас тааллуқ доранд, дар асл, онҳо ҳама бо гузашти вақт сар мешаванд, ин тағйиротро осон мекунад. Мутаассифона, арзиши аслии маржинҳо, пудингҳо ва сарҳадҳо дар як сатҳи шабақаи браузер истифода намешаванд.

Танзими арзиш барои маркетинг ва фулузот

Беҳтарин роҳи ҳалли проблемаи намунаи нохунак ин аст, ки ҳамаи миқдорҳо ва падидаҳои арзишии элементҳои HTML ба сифр дода шаванд. Якчанд роҳҳое, ки шумо метавонед инро кунед, ин илова кардани ин қоидаи CSS ба сабки шумо:

* {margin: 0; padding: 0; }}

Қоидаҳои CSS-ро * ёки хусусияти ҷустуҷӯӣ истифода мебаранд. Ин аломати "ҳар унсурҳо" маънои онро дорад, ки ҳар як унсури HTMLро асосан интихоб намуда, маржинҳо ва фолклро ба 0 нишон диҳед. Гарчанде ки ин қоида хеле тафаккур аст, чунки он дар намуди саҳифаҳои берунии шумо аст, аз хусусияти браузер фарқ дорад арзишҳо мекунанд. Азбаски ин параметрҳо он чизе, ки шумо навиштанӣ ҳастед, ин услуб ба амал меояд, ки шумо чӣ кор мекунед.

Варианти дигар ин аст, ки ин арзишҳоро ба унсурҳои HTML ва унсурҳои матн истифода баранд. Азбаски ҳамаи унсурҳои дигар дар саҳифаи шумо фарзандони ин ду элемент хоҳанд буд, ҷаззобии CSS ин арзишҳоро ба ҳамаи ин унсурҳо тақсим мекунад.

html, марж {{: margin: 0; padding: 0; }}

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

Сарҳадҳо

Шумо метавонед фикр кунед "вале браузерҳо дар атрофи ҷузъҳои бадан ҷойгиранд". Ин дуруст нест. Варақаҳои кӯҳнаи Internet Explorer дар атрофи унсурҳои шаффоф ё ношинос ҷойгиранд. Агар шумо сарҳадро ба 0 муқаррар накунед, он сарҳад метавонад қолаби саҳифаро вайрон кунад. Агар шумо қарор қабул кардед, ки шумо ин мақолаҳои қадимаи IE-ро давом медиҳед, шумо бояд ба ин мақсад бо ёрии зерин ва вариантҳои HTML илова кунед:

HTML, body {
margin: 0px;
padding: 0px;
сарҳад: 0px;
}}

Мисли шумо, ки чӣ гуна шумо ба мароқҳо ва фулузот рӯ меовардед, ин тарзи нав низ сарҳадҳои фаръиро мекушояд. Шумо инчунин метавонед, бо интихоби ҷавоҳироте, ки пештар дар ин мақола нишон дода буд, ҳамон чизро карда метавонед.

Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд 9/27/16.