Neħħi Link Jenfasizza jew Oħloq Dashed Dotted, jew Double Underlined Links
B'mod default, il-web browsers għandhom ċerti stili CSS li japplikaw għal elementi HTML speċifiċi. Jekk ma tissostitwix dawn in-nuqqasijiet mal-folji tal-istil tas-sit tiegħek stess, allura l-inadempjenzi japplikaw. Għal hyperlinks, l-istil tal-wiri default huwa li kull test marbut ikun blu u sottolinjat. Il-browser jagħmel dan sabiex il-viżitaturi tas-sit ikunu jistgħu jaraw x'test ikun marbut. Ħafna disinjaturi tal-web ma jimpurtax għal dawn l-istili ta 'inadempjenza, speċjalment dawk li jenfasizzaw. B'xorti tajba, CSS jagħmilha faċli li tinbidel id-dehra ta 'dawk li tissottolinja jew tneħħihom kompletament.
It-tneħħija tal-Underline fuq Links ta 'Test
It-test enfasizzat jista 'jkun ta' sfida biex jaqra dak it-test mhux sottolinjat. Barra minn hekk, bosta disinjaturi sempliċement ma jimpurtax għall-ħarsa ta 'rabtiet ta' test sottolinjati. F'dawn il-każijiet, x'aktarx li tkun trid tneħħi dawn jenfasizza kollox.
Biex tneħħi l-enfasi minn links tat-test, tuża d-dekorazzjoni tat-test tal-proprjetà CSS. Hawn hu s-CSS li tikteb biex tagħmel dan:
a {text-decoration: xejn; }
Ma 'dik il-linja waħda ta' CSS, inti tneħħi l-enfasi mill-links tat-test kollha. Anke jekk dan huwa stil ġenerali ħafna (juża selettur ta 'element), xorta għandu aktar speċifiċità mill-istili ta' browsers awtomatiċi. Minħabba li dawk l-istili awtomatiċi huma dak li joħloq l-enfasi li tibda, dak huwa li għandek bżonn tissostitwixxi.
Aċċertazzjoni dwar it-Tneħħija ta 'Underline
Viżwalment, it-tneħħija ta 'sottolinjati tista' tkun eżattament dak li trid twettaq, iżda inti għandek tkun kawt meta tagħmel dan ukoll. Kemm jekk tħares id-dehra ta 'rabtiet sottolineati jew le, ma tistax issostni li jagħmluha ovvja dwar liema test huwa marbut u liema mhijiex. Jekk tieħu bogħod tissottolinja jew tibdel dak il-kulur ta 'rabta blu default, għandek tiżgura ruħek li tibdilhom bi stili li għadhom jippermettu li t-test marbut jispikka. Dan jagħmel esperjenza aktar intuwita għall-viżitaturi tas-sit tiegħek.
M'għandekx nenfasizzaw Mhux Links
Ieħor kawtela fuq ir-rabtiet u l-enfasi, ma jenfasizzawx test li mhuwiex rabta bħala mezz ta 'enfasi. In-nies waslu biex jistennew li t-test enfasizzat ikun ħolqa, għalhekk jekk issottolinja l-kontenut sabiex iżżid l-enfasi (minflok ma tagħmilha kuraġġuża jew itttiplikata), tibgħat il-messaġġ ħażin u tħawwad lill-utenti tas-sit.
Ibdel il-Underline għal Dots jew Dashes
Jekk trid iżżomm ir-rabta tat-test tiegħek tenfasizza, iżda tibdel l-istil ta 'dak li jissottolinja mill-ħarsa default, li hija linja "soldi", tista' tagħmel dan ukoll. Minflok dik il-linja soda, tista 'tuża tikek biex tissottolinja l-links tiegħek. Biex tagħmel dan, xorta waħda se tneħħi l-enfasi, iżda ser tibdilha mal-proprjetà tal-qiegħ tal-qiegħ:
a {text-decoration: xejn; qiegħ tal-qiegħ: 1px bit-tikek; }Ladarba neħħejt l-istandard jissottolinja, it-tikek huwa l-uniku wieħed li jidher.
Tista 'tagħmel l-istess ħaġa biex tikseb dashes. Biss ibiddel l-istil tal-qiegħ tal-qiegħ għall-ponot:
a {text-decoration: xejn; qiegħ tal-qiegħ: 1px mqaxxar; }Ibdel il-Kulur tal-Klijent
Mod ieħor biex tiġbed l-attenzjoni għall-links tiegħek hu li tbiddel il-kulur tal-enfasi. Kun żgur li l-kulur joqgħod mal- iskema tal-kulur tiegħek.
a {text-decoration: xejn; qiegħ tal-qiegħ: 1px aħmar solidu; }Double Underlines
It-trick għall-użu ta 'sottolinjar doppju huwa li għandek tibdel il-wisa' tal-fruntiera. Jekk toħloq 1px wiesgħa mal-fruntiera, int ser tispiċċa b'sens doppju li tidher qisha sottostima waħda.
a {text-decoration: xejn; qiegħ tal-qiegħ: 3px doppju; }Tista 'wkoll tuża l-enfasi eżistenti biex tagħmel enfasi doppja b'karatteristiċi oħra, bħal ma hija waħda mill-linji li qegħdin jiġu mmarkati:
a {qiegħ tal-qiegħ: 1px doppju; }Tinsa l-Istati tal-Link
Tista 'żżid l-istil tal-qiegħ tal-qiegħ mal-links tiegħek fi stati differenti bħal: imbagħad, attiva, jew: miżjura. Dan jista 'joħloq esperjenza sabiħa ta' "qlib" ta 'l-istil għall-viżitaturi meta tuża dik il-klassi psewdotta. Biex tagħmel underline bit-tikek tidher meta timxi fuq il-link:
a {text-decoration: xejn; } a: imqabbad (qiegħ tal-qiegħ: 1px bit-tikek; }Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard