Ny fanafenana rohy miaraka amin'ny CSS dia azo atao amin'ny fomba maro, nefa isika dia hijery fomba roa ahafahana miafina tanteraka amin'ny URL. Raha te-hanangona hunting na atody atody ianao ao amin'ny tranokalanao dia fomba mahaliana ny manafina rohy.
Ny fomba voalohany dia amin'ny fampiasana "tsy misy" ho toy ny tolotra pointer-CSS. Ny iray hafa dia amin'ny fanangonana tsotra fotsiny ilay lahatsoratra mifanandrify ny sisintanin'ny pejy.
Ataovy ao an-tsaina fa tsy misy fomba ahafahan'ny rindran-damina tanteraka tsy hita raha mikaroka ny loharanom-baova. Na izany aza, ireo mpitsidika dia tsy hanana fomba tsotra sy mahitsy mba hahitana izany, ary ireo mpitsidika vaovao dia tsy hanana tari-dàlana amin'ny fomba hitadiavana ny rohy.
Fanamarihana: Raha mitady torolàlana momba ny fomba hampifandraisana ny takelaka ivelany ianao dia tsy manaraka ny torolalana ianao. Hanao ahoana ny endriny ivelany? fa tsy.
Hanafoana ny zava-mitranga poizina
Ny fomba voalohany azontsika ampiasaina mba hanafenana URL dia ny manao ny rohy tsy manao na inona na inona. Rehefa mitsofoka amin'ny rohy ny totozy, dia tsy hampiseho izay heverin'ny URL fa tsy hamela azy hanindry izany.
Soraty marina tsara ny HTML
Iray amin'ny pejin-tranonkala, azafady mba vakio hoe toy izao ny rohy:
ThoughtCo.comMazava ho azy, ny "https://www.thoughtco.com/" dia mila manondro ny URL tena tianao hafenina, ary ny ThoughtCo.com dia afaka miova amin'ny teny na fehezanteny tianao tianao hanoritsoritana ny rohy.
Ny hevitra eto dia ny hampiasana ny efitrano fianarana miaraka amin'ny CSS eto ambany mba hanafenana ny rohy.
Ampiasao ity Code CSS ity
Ny code CSS dia mila mamaly ny kilasy mavitrika ary manazava amin'ny mpamorona fa ny hetsika amin'ny kliobakan-tserasera dia tokony "tsy misy", toy ity:
.active {pointer-events: none; cursor: default; }Azonao atao ny mahita an'io fomba io ao amin'ny JSFiddle. Raha esorinao ao ny codec CSS ary atodino avy eo ny angon-drakitra, dia lasa azo sintonina ilay rohy tampoka ary azo ampiasaina. Izany dia satria rehefa tsy ampiasaina ny CSS, dia mihetsika ny rohy raha araka ny tokony ho izy.
Fanamarihana: Tadidio fa raha jerena ny rohy loharanom-peo ny mpampiasa dia hahita ny rohy izy ireo ary hahafantatra tsara ny toerana handehanany, satria toy ny hitantsika etsy ambony, ny code dia mbola any, tsy azo ampiasaina fotsiny.
Hanova ny lokon'ny loko
Amin'ny ankapobeny, ny mpamorona tranonkala iray dia hampisy loko hafa amin'ny loko miohatra amin'ny raki-peo mba hahafahan'ny mpitsidika mahita azy ireo ary mahafantatra izay alehany. Na izany aza, eto izahay mba hanafenana rohy , ka andeha hojerentsika ny fomba hanovana ny loko mifanaraka amin'ny an'ny pejy.
Mamaritra kilasy manokana
Raha toa ka mampiasa ohatra iray mitovy amin'ny fomba fiasa voalohany isika, dia afaka manova tsotra izao ny kilasy amin'izay tiantsika hany ka ny rohy manokana ihany no miafina.
Raha tsy nampiasa kilasy iray isika ary nampiasa ny CSS avy eo ambany mankany amin'ny rohy rehetra dia hanjavona avokoa izy rehetra. Tsy izany no mbola eto aorianay, noho izany dia hampiasa ity code HTML ity izay mampiasa ny kilasy hideme custom:
ThoughtCo.comFantaro izay loko tokony ampiasaina
Alohan'ny hidirana ao amin'ny code sans CSS mba hanafenana ny rohy, mila mamantatra ny loko tiantsika hampiasaina isika. Raha efa manana fiovàna mafy ianao, toy ny fotsy na mainty, dia mora izany. Na izany aza, ny loko manokana hafa dia tokony ho marina ihany koa.
Ohatra, raha manana lanjan'ny hex e6ded1 ny loko afara anao, dia mila mahafantatra ianao fa ny codec CSS dia miasa tsara amin'ny pejy tianao hampidirana azy.
Maro ireo "fitaovana loko" na "eyedropper" azo ampiasaina, ny iray amin'izany dia antsoina hoe ColorPick Eyedropper ho an'ny navigateur Chrome. Ampiasao izany mba hanohizana ny lokon'ny pejy Internet anao mba hahazoana ny loko hex.
Manandrana ny CSS hanova ny loko
Ankehitriny fa manana ny loko tokony ho ny rohy ianao, fotoana izao hampiasana izany sy ny sandan'ny karajia avy any ambony, hanoratra ny code CSS:
.hideme {color: # e6ded1; }Raha tsotra toy ny fotsy na maitso ny loko afara anao dia tsy voatery hametraka ny famantarana # aloha ianao:
.hideme {color: white; }Jereo ity code code ity ao amin'ity JSFiddle ity.