Websaete ea kajeno ea marang-rang e tlile hōle ho tloha matsatsing a mahlonoko moo mofuta ofe kapa ofe oa sefapano sa sefapano se neng se lakatsa ho nahana. Liwebsaete tsa kajeno tsa marang-rang kaofela li lumellana le maemo-a lumellana. Ba bapala hantle hammoho 'me ba fana ka pono e tsitsitseng ea leqephe ho pholletsa le lipapali tse sa tšoaneng. Sena se kenyeletsa liphetoho tsa morao-rao tsa Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, le li-browser tse fapa-fapaneng tse fumanoang mechine e mengata ea lisebelisoa tsa cellular e sebelisetsoang ho fumana marang-rang kajeno.
Le hoja tsoelo-pele e 'nile ea etsoa ha ho tluoa tabeng ea liwebsaete tsa marang-rang le kamoo li bonts'ang CSS kateng, ho sa ntse ho e-na le ho se lumellane pakeng tsa mefuta ena e sa tšoaneng ea software. E 'ngoe ea ho se lumellane ho tloaelehileng ke hore li-browser tse joalo li lekanya margins, marang-rang, le meeli ka ho sa feleng.
Ka lebaka la likarolo tsena tsa lebokose la lebokose le hlahisa likarolo tsohle tsa HTML, le hobane li bohlokoa ho theha lihlopha tsa leqephe, pontšo e sa lumellaneng e bolela hore leqephe le ka 'na la shebahala le leholo ho sebapali se le seng, empa shebahala hanyane ho e' ngoe. E le ho loantša bothata bona, baqapi ba li-websaete ba bangata ba boloka likarolo tsena tsa lebokose la lebokose. Mokhoa ona o boetse o tsejoa e le "ho hlakola" litekanyetso tsa marang-rang, marang-rang le meeli.
Tlhokomeliso ea Liphetoho tsa Sebapali
Liwebsaete tsa marang-rang li na le litlhophiso tse ikhethang bakeng sa pontšo e itseng likarolo tsa leqephe Ka mohlala, li-hyperlink li na le 'mala o moputsoa' me li behiloe ka ho feletseng. Sena se lumellana le li-browser tse fapa-fapaneng, 'me le hoja e le ntho eo baqapi ba bangata ba e fetolang hore e lumellane le litlhoko tsa moralo oa ts'ebetso ea bona e tobileng, taba ea hore kaofela ha eona e qala ka lifofane tse tšoanang e etsa hore ho be bonolo ho etsa liphetoho tsena. Ka bomalimabe, boleng bo sa lekanyetsoang bakeng sa marang-rang, marang-rang, le meeli ha ba thabele boemo bo lekanang ba sefapano sa sefapano.
Ho lekanya Melao ea Melao ea Margins le Padding
Tsela e molemo ka ho fetisisa ea ho rarolla bothata ba lebokose la lebokose la lebokose ke ho beha mekhahlelo eohle ea marang-rang le marang-rang a likarolo tsa HTML ho ea holimo. Ho na le litsela tse seng kae tseo u ka etsang sena ka tsona ho kenyelletsa puso ena ea CSS ho mokhoa oa hau oa mokhoa:
* margin: 0; ho robala: 0; }}Puso ena ea CSS e sebelisa sebopeho sa * kapa sebala sa naha. Sebopeho seo se bolela "tsohle likarolo" 'me e tla khetha ntho e' ngoe le e 'ngoe ea HTML le ho beha margins le padding ho 0. Le hoja molao ona o sa hlaka haholo, hobane o ka hare ho stylesheet ea hau, o tla ba le sebopeho se phahameng ho feta se-browser melao ea bohlokoa. Ho tloha ha litšitiso tseo u ntse u li senya, mokhoa ona o le mong o tla finyella seo u se khethileng ho se etsa.
Kgetho e 'ngoe ke ho sebelisa litekanyetso tsena ho likarolo tsa HTML le' mele. Hobane lintho tse ling tsohle tse leqepheng la hau li tla ba bana ba likarolo tsena tse peli, khanya ea CSS e lokela ho sebelisa litekanyetso tsena ho litho tsohle tse ling.
html, 'mele {margin: 0; ho robala: 0; }}Sena se tla qala ts'ebetso ea hau sebakeng se le seng libukeng tsohle, empa ntho e le 'ngoe eo u lokelang ho e hopola ke hore hang ha u fetola marang-rang le marang-rang, u tla hloka ho li khutlisa bakeng sa likarolo tse itseng tsa leqephe la hau la marang-rang ho finyella ponahalo mme u nahane hore moralo oa hau o hlokahala.
Meeli
U ka 'na ua nahana "empa ha ho li-browser tse nang le moeli o potolohileng karolo ea' mele ka ho sa feleng". Sena hase 'nete feela. Liphetolelo tsa khale tsa Internet Explorer li na le moeli o hlakileng kapa o sa bonahaleng o potolohileng lintlha. Ntle le haeba u beha moeli ho 0, moeli oo o ka senya likhaolo tsa leqephe la hau. Haeba u entse qeto ea hore u tla tsoela pele ho tšehetsa liphetolelo tsena tsa khale tsa IE, u tla hloka ho sebetsana le sena ka ho eketsa tse latelang meleng oa hau le mekhoa ea HTML:
HTML, body {
marginal: 0px;
ho roala: 0px;
moeli: 0px;
}}
Ho tšoana le kamoo u ileng ua tima margins le padding, mokhoa ona o mocha o tla boela o tima meeli e sa felleng. U ka boela oa etsa ntho e tšoanang ka ho khetha mochine oa sekarethe sa naha ho bontšitsoe pejana sehloohong sena.
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 9/27/16.