Cleachd CSS gus na margaidhean is na crìochan agad a thoirt a-mach

Tha brabhsair lìn an latha an-diugh air a bhith a 'tighinn fada bho na làithean ciùin far an robh seòrsa sam bith de cho-chòrdadh thar-bhrabhsair smaoineachadh smaoineachail. Tha brabhsairean lìn an latha an-diugh a 'co-chòrdadh ri inbhean. Bidh iad a 'cluich gu math còmhla agus tha iad a' lìbhrigeadh taisbeanadh duilleagan gu cunbhalach thar na diofar shealladairean. Tha seo a 'toirt a-steach na tionndaidhean as ùire de Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, agus na diofar bhrabhsairean a lorgar air an uiread de innealan-làimhe a thathar a' cleachdadh gus faighinn chun làraich-lìn an-diugh.

Ged a chaidh adhartas a dhèanamh nuair a thig e gu brabhsairean lìn agus mar a tha iad a 'sealltainn CSS, tha fhathast neo-chunbhalachd eadar na diofar roghainnean bathar-bog seo. Is e aon de na neo-chunbhalaidhean cumanta ciamar a bhios na brabhsairean sin a 'cunntadh iomall, acfhainn, agus crìochan mar as trice.

Air sgàth nan taobhan sin de mhodail a 'bhogsa a' toirt buaidh air na h-eileamaidean HTML uile, agus seach gu bheil iad deatamach ann a bhith a 'cruthachadh dhealbhan-duilleig, tha taisbeanadh neo-chunbhalach a' ciallachadh gum faodadh duilleag coimhead gu math ann an aon bhrabhsair, ach coimhead beagan ann an tè eile. Gus aghaidh a chur ris an duilgheadas seo, bidh mòran de dhealbhadairean lìn ag atharrachadh nan taobhan sin de mhodail a 'bhogsa. Is e "neoni a-mach" an t-ainm a th 'air an cleachdadh seo cuideachd na luachan airson iomaill, padding, agus crìochan.

Nòta air na mearachdan air a 'bhrabhsair

Tha roghainnean bunaiteach aig brabhsairean lìn airson taisbeanaidhean sònraichte de dhuilleag. Mar eisimpleir, tha eadar-cheanglaichean gorm agus air an cur sìos gu h-àbhaisteach. Tha seo cunbhalach thar diofar shealladairean, agus ged a tha e na rud a bhios a 'mhòr-chuid de luchd-dealbhaidh ag atharrachadh a rèir feumalachdan dealbhaidh a' phròiseict shònraichte aca, tha e gu bheil iad uile a 'tòiseachadh leis na h-aon dhearbhaidhean ga dhèanamh nas fhasa na h-atharrachaidhean sin a dhèanamh. Gu mì-fhortanach, cha bhi an aon ìre de cho-chòrdalachd tar-bhrabhsair a 'còrdadh ris a' luach bunaiteach airson iomaill, gleabadh agus crìochan.

A 'co-òrdanachadh luachan airson mèirlich agus pàileadh

Is e an dòigh as fheàrr air fuasgladh fhaighinn air duilgheadas modail bogsa neo-chunbhalach a bhith a 'suidheachadh a h-uile iomall agus luachan coileanaidh nan eileamaidean HTML gu neoni. Tha grunn dhòighean ann gum faodadh tu seo a dhèanamh gus an riaghailt CSS seo a chur ris an stoidhle stoidhle agad:

* {marg: 0; gleabadh: 0; }

Tha an riaghailt CSS seo a 'cleachdadh a' charactar * no cairt fiadhaich. Tha an caractar sin a 'ciallachadh "na h-eileamaidean uile" agus bidh e a' taghadh gach nì HTML agus a 'suidheachadh na h-oirean agus a' cur a-steach gu 0. Ged a tha an riaghailt seo gu math neo-shònraichte, seach gu bheil e anns an stoidhle taobh a-muigh agad, bidh e nas sònraichte na am brabhsair àbhaisteach luachan a 'dèanamh. Leis gur e na tha thu a 'dèanamh thairis air an fheadhainn a tha air am fàgail a-mach, nì an stoidhle seo na tha thu a' suidheachadh a dhèanamh.

Is e roghainn eile na luachan sin a chur gu na h-eileamaidean HTML agus corp. Seach gu bheil na h-eileamaidean eile air do dhuilleag na cloinne den dà eileamaid seo, bu chòir an casgade CSS na luachan sin a chur gu na h-eileamaidean eile sin.

html, body {marg: 0; gleabadh: 0; }

Tòisichidh seo an dealbhadh agad san aon àite air a h-uile brabhsairean, ach aon rud ri chuimhneachadh tha sin aon uair is gu bheil thu a 'tionndadh a h-uile h-oirean agus a' glanadh air falbh, feumaidh tu tionndadh air ais gu pàirtean sònraichte de do dhuilleag lìn gus an sealladh a choileanadh agus a 'faireachdainn gu bheil do dhealbhadh ag iarraidh.

Crìochan

Is dòcha gu bheil thu a 'smaoineachadh "ach chan eil crìochan aig brobhsair timcheall an eileamaid corp". Chan eil seo fìor gu leòr. Tha crìochan follaiseach no neo-fhaicsinneach ann an dreachan nas sine de Internet Explorer mu eileamaidean. Mura h-eil thu a 'suidheachadh a' chrìche gu 0, faodaidh an crìochan sin do dhealbhaidhean duilleag a mhilleadh. Ma tha thu air co-dhùnadh gun cumaidh thu air adhart a 'toirt taic do na tionndaidhean àrsaidh seo de IE, feumaidh tu aghaidh a chur air seo le bhith a' cur na leanas ris a 'bhodhaig agad agus stoidhlean HTML:

HTML, corp {
iomall: 0px;
lannachadh: 0px;
crìochan: 0px;
}

Coltach ris an dòigh anns an do chuir thu às na h-oirean agus an cleasachadh, cuiridh an stoidhle ùr seo crìoch air crìoch chrìochan cuideachd. Dh'fhaodadh tu an aon rud a dhèanamh cuideachd le bhith a 'cleachdadh an taghadair cairt-fhiadhaich a chaidh a shealltainn na bu tràithe san artaigil.

Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 9/27/16.