Yi amfani da CSS zuwa Zauren Kuɗin Kuɗi da Borders

Gidan yanar gizon yanar gizon yau ya zo da wata hanya mai nisa daga lokacin rashin hankali inda duk wani nau'i na giciye-bincike ya kasance tunanin tunani. Masana yanar gizo a yau suna da cikakkun matsayi. Suna wasa da kyau kuma suna sadar da wani shafukan yanar gizo mai zurfi a fadin masu bincike daban-daban. Wannan ya haɗa da sababbin sifofin Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, da kuma masu bincike daban-daban da aka samo akan dubban na'urori masu amfani da su don samun damar yanar gizon yau.

Duk da yake an samu cigaba yayin da ya zo ga masu bincike da kuma yadda suke nuna CSS, har yanzu akwai rashin daidaituwa a tsakanin waɗannan nau'ukan zaɓuɓɓukan. Ɗaya daga cikin rashin daidaituwa na yau da kullum shine yadda masu bincike suke ƙidayar iyakoki, padding, da iyakoki ta hanyar tsoho.

Saboda wadannan al'amurran da suka shafi tasirin akwatin duk abubuwan abubuwan HTML, kuma saboda suna da muhimmanci a ƙirƙirar shimfida shafi, wani nuni mara yarda ya nuna cewa shafi na iya zama mai girma a cikin wani bincike, amma duba dan kadan a wani. Don magance wannan matsala, mutane da yawa masu zane-zane na yanar gizo sun daidaita waɗannan sifofin akwatin. Wannan aikin kuma an san shi da "zeroing out" ga dabi'un da ake amfani da su don haɓaka, ƙaura, da iyakoki.

A Bayanin akan Furofayil na Browser

Masu bincike na yanar gizo duk suna da saitunan tsoho don wasu alamomi na shafi. Alal misali, hyperlinks suna blue kuma sun lasafta ta hanyar tsoho. Wannan daidai ne a tsakanin masu bincike daban-daban, kuma ko da yake yana da wani abu da mafi yawan masu zane-zane ya canza don dacewa da bukatun bukatunsu na musamman, gaskiyar cewa duk suna farawa tare da irin wannan ladabi ya sa ya sauƙi don yin waɗannan canje-canje. Abin ba in ciki, ƙimar da aka ƙayyade ga yankunan martaba, ƙuƙwalwa, da iyakoki ba sa jin dadin irin matakin daidaitattun giciye.

Daidaita Ƙididdiga don Yanayin Ƙaura da Kashewa

Hanya mafi kyau don magance matsala ta tsari mai ƙyama ba shine a saita dukkanin martaba da ƙididdigar abubuwa na HTML don ba kome ba. Akwai wasu hanyoyi da za ku iya yin wannan shine don ƙara wannan tsarin CSS zuwa tsarinku:

* Ƙarin: 0; Samun: 0; }

Wannan ka'idar CSS tana amfani da * ko halayen haruffa. Wannan hali yana nufin "dukkan abubuwa" kuma zai zabi kowane nau'i na HTML kuma saita alamar ƙasa da ƙaddamarwa zuwa 0. Ko da yake wannan mulkin ba shi da cikakkiyar bayani, saboda yana cikin tsari na waje, zai kasance mafi girman takamaimai fiye da mai bincike na asali dabi'u suna yi. Tun da waɗannan batutuwan sune abin da kake rubutun, wannan salon zai cika abin da kake shiryawa.

Wani zaɓi shine don amfani da waɗannan dabi'un zuwa abubuwan HTML da abubuwan jiki. Saboda duk sauran abubuwa a kan shafinku zai zama 'ya'yan wadannan abubuwa guda biyu, CSS cascade ya kamata ya yi amfani da waɗannan dabi'u ga dukan waɗannan abubuwa.

html, jiki {gefe: 0; Samun: 0; }

Wannan zai fara zane naka a wuri ɗaya a kan dukkan masu bincike, amma abu daya da za ka tuna shi ne sau ɗaya idan kun juyo duk hanyoyi da ƙusarwa, kuna buƙatar sake mayar da su a kan wasu ɓangarori na shafin yanar gizon ku don cimma burin kuma jin cewa tsarinka ya kira.

Borders

Kuna iya tunani "amma babu masu bincike da iyakoki kewaye da jikin jiki ta hanyar tsohuwa". Wannan ba gaskiya ba ne. Tsohon tsofaffi na Internet Explorer yana da iyakoki na fili ko marar ganuwa a kusa da abubuwa. Sai dai idan kun saita iyakar zuwa 0, wannan iyakar za ta iya rikici ga shimfiɗar shafinku. Idan ka yanke shawarar cewa za ka ci gaba da tallafa wa waɗannan ƙarancin IE, za ka buƙaci magance wannan ta hanyar ƙara waɗannan abubuwa zuwa ga jikin ka da kuma siffofin HTML:

HTML, jiki {
gefe: 0px;
Samun: 0px;
iyaka: 0px;
}

Hakazalika yadda kuka kashe alamar hanyoyi da ƙusa, wannan sabon salon zai kashe iyakoki na kan iyaka. Hakanan zaka iya yin wannan abu ta amfani da zaɓin zaɓi wanda aka nuna a baya a cikin labarin.

Labari na farko daga Jennifer Krynin. Edited by Jeremy Girard on 9/27/16.