Réimseanna Díoltóra CSS

Cad iad agus cén fáth ar chóir duit iad a úsáid

Is réamhsheiceanna díoltóra CSS é, ar a dtugtar réamh-shainmhínithe ar bhrabhsálaí CSS , ar bhealach iad do lucht déanta brabhsálaithe tacaíocht a chur ar fáil do ghnéithe CSS nua sula dtabharfar tacaíocht iomlán do na gnéithe sin i ngach brabhsálaí. Is féidir é seo a dhéanamh le linn tréimhse tástála agus tástála ina bhfuil an monaróir brabhsálaí ag cinntiú go díreach conas a chuirfear na gnéithe nua CSS seo i bhfeidhm. Bhí an-tóir ar na réimírí seo le méadú ar CSS3 cúpla bliain ó shin.

Nuair a tugadh isteach CCS3 an chéad uair, thosaigh roinnt de na maoine bríomhar ag brabhsálaithe éagsúla ag amanna éagsúla. Mar shampla, ba iad na brabhsálaithe faoi chumhacht gréasáin (Safari agus Chrome) an chéad cheann chun cuid de na hairíonna stíl beochana a thabhairt isteach mar athrú agus aistriú. Trí úsáid a bhaint as airíonna réamhshocraithe díoltóirí, bhí na dearthóirí gréasáin in ann na gnéithe nua sin a úsáid ina gcuid oibre agus feictear iad ar na brabhsálaithe a thug tacaíocht dóibh ar shiúl, seachas fanacht le gach monaróir eile an bhrabhsálaí teacht suas!

Mar sin, ó thaobh an fhorbróra gréasáin tosaigh, déantar réamh-mhicmeoirí brabhsála a úsáid chun gnéithe CSS nua a chur isteach ar shuíomh agus iad ag tuiscint go mbeidh na brabhsálaithe ag tacú leis na stíleanna sin. D'fhéadfadh sé seo a bheith úsáideach go háirithe nuair a chuireann monaróirí bhrabhsálaí éagsúla airíonna i bhfeidhm ar bhealaí beagán difriúla nó le comhréir dhifriúil.

Is iad na réamhshuímh bhrabhsálaí CSS gur féidir leat é a úsáid (gach ceann acu atá sainiúil do bhrabhsálaí difriúil) ná:

I bhformhór na gcásanna, chun maoin stíl nua CSS a úsáid, glacann tú an t-airgead caighdeánach CSS agus cuir an réimír do gach brabhsálaí. Bheadh ​​na leaganacha réamhshocraithe i gcónaí ar dtús (in aon ordú is fearr leat) agus tiocfaidh deireadh le maoine CSS gnáth. Mar shampla, más mian leat aistriú CSS3 a chur chuig do dhoiciméad, úsáidfeá an t-aistriú maoine mar a thaispeántar thíos:

-webkit- transition: gach 4s éasca;
-moz- transition: gach 4s éasca;
-ms- transition: gach 4s éasca;
-o- aistriú: gach 4s éasca;
trasdul: gach 4s éasca;

Tabhair faoi deara: Cuimhnigh go bhfuil comhréir dhifriúil ag roinnt brabhsálaithe d'airíonna áirithe ná mar a dhéanann daoine eile, mar sin ná bí ag glacadh leis go bhfuil leagan réamhshocraithe an bhrabhsálaí de mhaoin díreach mar an gcéanna leis an maoin chaighdeánach. Mar shampla, chun grádán CSS a chruthú, úsáideann tú an mhaoin líneach-grádáin. Úsáid Firefox, Opera, agus leaganacha nua-aimseartha de Chrome agus Safari an mhaoin sin leis an réimír chuí agus úsáideann na leaganacha tosaigh de Chrome agus Safari an luach réitigh -webkit-gradient. Chomh maith leis sin, úsáideann Firefox luachanna éagsúla seachas na cinn caighdeánach.

Is é an chúis gur críochnaíonn tú do dhearbhú i gcónaí leis an leagan gnáth, neamh-réamhshocraithe de mhaoin CSS mar sin, nuair a thacaíonn brabhsálaí leis an riail, bainfidh sé úsáid as an gceann sin. Cuimhnigh conas a léitear CSS. Tosaíonn na rialacha níos déanaí ná na cinn a bhí níos luaithe má tá an sainiúlacht mar an gcéanna, mar sin go léireodh brabhsálaí leagan díoltóra riail agus go n-úsáideann sé sin mura dtacaíonn sé leis an ngnáthnós amháin, ach nuair a dhéanfaidh sé, déanfaidh sé an leagan díoltóra a mhaolú an riail CSS iarbhír.

Nach Hackers Is Díoltóir iad

Nuair a tugadh isteach réamh-shaincheisteanna díoltóra an chéad uair, mhothaigh go leor gairmithe gréasáin an raibh siad ina hack nó aistriú ar ais go dtí na laethanta dorcha le cód an láithreáin a fhógairt chun tacú le brabhsálaithe éagsúla (cuimhnigh na teachtaireachtaí " Is fearr an suíomh seo i IE "). Níl seiceálacha réamhdhíoltóirí díola CSS, áfach, agus níor cheart go mbeadh aon áirithint agat maidir le húsáid iad i do chuid oibre.

Faigheann hack CSS lochtanna i ngníomh eilimint nó maoine eile chun maoin eile a fháil chun oibriú i gceart. Mar shampla, rinne múnla na mbosca lochtanna a ndearnadh leas a bhaint astu i bpáirtáil an mhaoin ghutha-theaghlach nó ar an gcaoi a bpléann brabhsálaithe backslash (\). Ach baineadh úsáid as na hacks seo chun fadhb an difríocht a shocrú idir an gcaoi a láimhseáil Internet Explorer 5.5 an tsamhail bosca agus conas a léirigh Netscape é, agus ní raibh aon rud le déanamh leis an stíl guth teaghlaigh. Go deimhin, is iad na dá brabhsálaithe atá as dáta ná na cinn nach bhfuil imní dúinn féin leis na laethanta seo.

Ní hack é réamhshocrú díoltóra toisc go gceadaíonn sé don tsonraíocht rialacha a bhunú maidir le conas a d'fhéadfaí maoin a chur i bhfeidhm, agus ag an am céanna ag ligean do lucht déanta brabhsálaithe maoin a chur i bhfeidhm ar bhealach difriúil gan gach rud eile a bhriseadh. Ina theannta sin, tá na réimír seo ag obair le hairíonna CSS a bheidh mar chuid den tsonraíocht sa deireadh . Táimid ag cur roinnt cód ach le rochtain a fháil ar an maoin go luath. Is cúis eile é seo cén fáth a bhfuil tú ag deireadh riail CSS leis an ngnáth-mhaoin neamh-réitithe. Sa chaoi sin is féidir leat na leaganacha réamhshocraithe a scaoileadh nuair a dhéantar tacaíocht bhrabhsálaí iomlán a bhaint amach.

Ar mhaith leat a fháil amach cad é an tacaíocht bhrabhsálaí le haghaidh gné áirithe? Is acmhainn iontach é an CanIUse.com suíomh gréasáin chun an fhaisnéis seo a bhailiú agus a ligean duit a bhfuil brabhsálaithe, agus a bhfuil leaganacha de na brabhsálaithe sin, ag tacú le gné faoi láthair.

Tá Réitigh Díoltóra Dathú Ach Sealadach

Sea, b'fhéidir go mbraitheann sé tinn agus athchleachtach go gcaithfeadh sé na hairíonna a scríobh 2-5 huaire chun go n-oibreodh sé i ngach brabhsálaí, ach is cás sealadach é. Mar shampla, cúpla bliain ó shin, chun cúinne cruinn a shocrú ar bhosca a bhí agat a scríobh:

-moz-border-ga: 10px 5px;
-webkit-border-top-left-ga: 10px;
-webkit-border-top-right-ga: 5px;
-webkit-border-bottom-right-ga: 10px;
-webkit-border-bottom-left-ga: 5px;
gaire teorann: 10px 5px;

Ach anois go bhfuil na brabhsálaithe ag tacú leis an ngné seo go hiomlán, ní mór duit ach an leagan caighdeánaithe ach:

gaire teorann: 10px 5px;

Thug Chrome tacaíocht do mhaoin CSS3 ó leagan 5.0, chuir Firefox é i leagan 4.0, chuir Safari é in 5.0, Opera i 10.5, iOS in 4.0, agus Android i 2.1. Tacaíonn Fiú Internet Explorer 9 é gan réimír (agus ní raibh IE 8 agus níos ísle á tacú leis nó léi réamh-mhiclínte).

Cuimhnigh go mbeidh na brabhsálaithe ag athrú i gcónaí agus beidh gá le cur chuige cruthaitheacha maidir le tacú le brabhsálaithe níos sine mura bhfuil tú ag pleanáil ar leathanaigh ghréasáin a thógáil atá blianta taobh thiar de na modhanna is nua-aimseartha. Sa deireadh, tá réamh-mhiccríbhinní brabhsála scríofa i bhfad níos éasca ná earráidí a aimsiú agus a úsáid a d'fhéadfadh a shocrú i leagan amach anseo, a éilíonn go bhfaighidh tú earráid eile chun leas a bhaint as agus mar sin de.