Bağlantıyı dəyişdirmək üçün bir Web səhifəsində vurğulanır

Linkin vurğulayır və ya Çizgili Noktalı və ya ikiqat altı çizilmiş Bağlantıları yaradın

Varsayılan olaraq, veb brauzerləri müəyyən HTML elementlərinə tətbiq olunan müəyyən CSS üslublarını qaldırır. Sitenizin öz üslubları ilə bu qadağaların yazılmaması halında standartlar tətbiq olunacaq. Köprüler üçün, standart görünüş üslubu, hər hansı bir əlaqəli mətnin mavi və altı rəngli olacağıdır. Brauzer bunu bir saytın ziyaretçileri hansı mətnin əlaqəli olduğunu asanlıqla görə bilməsi üçün edir. Bir çox veb-dizaynerlər bu default üslublara, xüsusilə vurğulayırlar. Şükürlər olsun ki, CSS asanlaşdıranların görünüşünü dəyişdirmək və ya tamamilə aradan qaldırmağı asanlaşdırır.

Mətn linklərində Altalanın silinməsi

Çizilmiş mətn, altı çizilmemiş mətni oxumaq daha çətin ola bilər. Bundan əlavə, bir çox dizaynerlər sadəcə altı çəkilmiş mətn əlaqələrinin görünüşünə diqqət yetirmirlər. Bu hallarda, ehtimal ki, bu altıncıları tamamilə aradan qaldırmaq istərdiniz.

Mətn əlaqələrindən altındakıları silmək üçün CSS mülkiyyətinin mətn dekorasiyasından istifadə edəcəksiniz. Bunun üçün yazdığınız CSS:

bir {text-decoration: none; }

Bir CSS xətti ilə, bütün mətn keçidlərindən altını çəkəcəksiniz. Bu çox ümumi bir üslub olsa da (element seçici istifadə edir), hələ də default brauzerlər üslublarından daha çox spesifikliyə malikdir. Bu default üslublar, vurğulanmaların başlanmasına səbəb olan şey olduğundan, yazmaq üçün lazım olan şeydir.

Dəyişikliyi aradan qaldırmağa dair xəbərdarlıq

Vizual olaraq, vurğulanmaların qaldırılması tam olaraq yerinə yetirmək istədiyiniz şey ola bilər, ancaq bunu etdiyiniz zaman diqqətli olmalısınız. Əksinə vurulmuş əlaqələrin görünüşünü sevirsinizsə və ya olmasanız, hansı mətnin bağlı olduğu və olmayan olmadığı barədə açıq-aşkar bir fikir söyləyə bilərsiniz. Əgər mavi rəngli link rənginin altını çəkir və ya dəyişirsinizsə, buna görə də əlaqəli mətnin ayrılmasına imkan verən üslublarla əvəz olunmasını təmin etməlisiniz. Bu, sitenizin ziyaretçileri üçün daha sezgisel bir təcrübə qazanacaq.

Qeyri-Linkləri qeyd etməyin

Əlaqələr və vurğulamalara dair başqa bir ehtiyata vurğulamaq, vurğulamaq üçün bir bağı olmayan mətni vurğulamayın. İnsanlar vurğulanmış mətni bir keçid olmasını gözləməyə gəldilər, buna görə vurğulamaq üçün məzmunu vurğulamaq (bunun əvəzinə cəsarətli və ya italicizing) əvəzinə səhv mesajı göndərirsiniz və sayt istifadəçilərini qarışdırırsınız.

Çizildiyi Noktaları və ya Çatlara dəyişdirin

Mətnin bağlantısını vurğulamaq istəyirsənsə, lakin vurğulamağın üslubunu "əsgər" xətti olan default görünüşündən dəyişdirin, bunu da edə bilərsiniz. Bu möhkəm xəttin əvəzinə nöqtələrinizi bağlantılarınızı vurğulamaq üçün istifadə edə bilərsiniz. Bunu etmək üçün, hələ də altındakı xəttini qaldırırsınız, ancaq bunun altlıqdakı alt stil əmlakı ilə əvəz edilsin:

bir {text-decoration: none; sərhəd altlığı: 1px nöqtə; }

Standart atışmanı kaldırdığınız üçün, nöqtəli bir görünen tek şeydir.

Tire almaq üçün eyni şeyi edə bilərsiniz. Yalnız sərhəd alt stilin kəsilməsinə dəyişdirin:

bir {text-decoration: none; sərhəd altlığı: 1px dashed; }

Underline Colour dəyişdirin

Əlavələrinizə diqqət yetirmək üçün başqa bir üsul vurğulamağın rəngini dəyişdirməkdir. Yalnız rəng rəng sxemi ilə uyğun əmin olun.

bir {text-decoration: none; sərhədsiz: 1px qırmızı rəngli; }

İkisi vurğulayır

İki köhnəlmədən istifadə etmək hilesi sərhəd genişliyini dəyişdirməlisiniz. 1px geniş bir sərhəd yaratsanız, bir alt çizgi kimi görünən ikiqat alt çizgi ilə sona çatacaqsınız.

bir {text-decoration: none; sərhəd altlığı: 3px ikiqat; }

Mövcud olduğunuz altı çizgiyi, digər nöqtələrlə vurğulamaq üçün xəttlərdən biri kimi vurğulamaq üçün də istifadə edə bilərsiniz:

a {border-bottom: 1px double; }

Bağlantı Dövlətlərini Unutmayın

Sərhəd alt stilinizi müxtəlif dövlətlərdəki əlaqələrinizə əlavə edə bilərsiniz: hover,: aktiv, və ya: ziyarət. Bu "hover" sözdə istifadə etdiyiniz zaman ziyaretçiler üçün gözəl "rollover" stil təcrübəsi yarada bilər. Bağlantı üzərinə sıçrayarkən ikinci bir nöqtə vurğulamaq üçün:

bir {text-decoration: none; } a: hover {border-bottom: 1px nöqtə; }

Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən düzəldildi