Nekoliko savjeta o tome kako ukloniti veze podvlake u HTML-u pomoću CSS-a

Izgled bilo kojeg informativnog teksta podrazumijeva uključivanje značajnih hiperveza ili sidara. Ti se elementi dodaju pomoću oznake "a" (sidro). Prema zadanim postavkama, suvremeni preglednici prikazuju sličan element s donjom podvlakom. Često web dizajneri ili web dizajneri više vole da promijene taj stil ili ga potpuno izbrišu.

U nekim slučajevima to je stvarno potrebno. Na primjer, u gustom referentnom bloku, gdje će prekomjerni dizajn samo preopteretiti percepciju i otežati čitanje dokumenta. Međutim, u nekim je slučajevima poželjno zadržati razliku između teksta i reference. Ako dizajn stranice potpuno isključuje takvo oblikovanje, onda je vrijedno primijeniti bilo koju drugu vrstu odabira takvih elemenata. Najčešći tip razgraničenja danas je kontrast boja sidra u tekstu. Djelotvorno. Jedini mali nedostatak ove opcije bit će problem naglašavanja teksta ljudi koji ne mogu prepoznati različite boje (sljepoća boje). No, to je tako nizak postotak korisnika da ih se može zanemariti.

Ako, nakon svega, odlučeno je ukloniti podvlake veza, tada će biti potrebno poznavanje strukture stvaranja web stranice, odnosno CSS-a.

Uklonite podcrtavanje veza na cijelom web mjestu

Za osobu koja je dobro upoznata s web dizajnom i posebice u CSS-u, uklanjanje podcrtava veza neće biti vrlo teško. Da biste to učinili, samo trebate pronaći i otvoriti datoteku u datotekama web mjesta koja su odgovorna za dizajn stila. Obično se nalazi u korijenskom direktoriju i ima proširenje .css. Ukloni veze podvlake mogu se napraviti jednostavnim kodom:

a {

tekst ukrašavanja: none;

}

Ova mala linija uklonit će cijelu web-lokaciju podcrtavajući sve elemente koji su registrirani uz oznaku "a".

Ali što ako nemate pristup CSS datoteci?

U tom slučaju preporučljivo je primijeniti oznaku Stil na početku dokumenta. Radi isto kao i CSS datoteka. Da biste primijenili stilove, potrebno je na samom početku dokumenta (ili HTML stranice) dovršiti dizajn u kojem se primjenjuju uobičajena pravila CSS pravila.

Ti se stilovi primjenjuju samo na određenu stranicu. U drugim odjeljcima ili dokumentima web mjesta neće djelovati.

Uklonite podcrtavanje veza kada lebde

Ali kako biti, ako trebate ukloniti podvodnu vezu kada se lebdi? CSS u ovom slučaju može nam pomoći. Kôd će izgledati ovako:

a: zadržite pokazivač miša {

tekst ukrašavanja: none;

}

To je pseudo-klasa ": lebdjeti" koja je odgovorna za ukrašavanje elemenata kada lebde iznad pokazivača.

Sklapanjem ovih dviju opcija možemo ga učiniti tako da se podcrtina veze prikazuje samo kada lebde, inače će sve izgledati kao običan tekst:

i {

tekst ukrašavanja: none;

}

a: zadržite pokazivač miša {

tekst ukrašavanje: podcrtavanje;

}

Upotreba identifikatora i klasa

Kao što možete vidjeti iz gore navedenog, mijenjanje stylinga elementa na mjestu ili html dokumentu vrlo je jednostavno. Nedostaci takvih opcija su nemogućnost selektivnog primjenjivanja stilova: ne na cjelokupnu web stranicu ili dokument, već na određenu vezu.

Postoji nekoliko rješenja za ovaj problem.

U nizu možete ukloniti veze podvlake. Iako to nije strogo preporučljivo u smislu optimizacije web mjesta.

Da biste to učinili, morate navesti parametar Style izravno u referentnoj oznaci:

Druga je opcija prihvatljiva.

Dodatno klase ili id ​​uvodimo u element i pridružujemo ove stilove već odabranim odabirima:

Zatim, svi su se kotrljali. U CSS datoteci možemo ukloniti podcrtavanje veza primjenom poznatog stila na klasu ili identifikator, ovisno o vašem izboru.

Klasa je registrirana s točkom prije naziva:

.none_ ukras {

tekst ukrašavanja: none;

}

Identifikator označen je s #:

#none_ ukrasi {

tekst ukrašavanja: none;

}

To se pravilo odnosi i na CSS datoteku i oznaku Stil

Promijenite stil prikaza veze u tekstu

Osim uklanjanja podcrtavanja veze, CSS dopušta druge tipove stilova. Često web dizajneri ili web dizajneri koriste promjenu boje u odnosu na glavni tekst kako bi se istaknuo referentni tekst.

Da biste to učinili je također vrlo jednostavna:

i {

boja: * navedite željenu boju u bilo kojem obliku (* crvena, # c2c2c2, rgb (132, 33, 65) *) *;

}

Ta se stilizacija primjenjuje prema istim pravilima opisanim za poništavanje veze. CSS pravila su identična u ovom slučaju. Promjena boje linkova i podvlake otkaza može se koristiti kao samostalni styling (tada je veza će biti naglašena, ali boja će se promijeniti iz plave standardu potrebno).

Zamjena standardnog stylinga

Još jedna napomena na kraju. Umjesto poništavanja podcrtavanja CSS veze, moguće je zamijeniti standardne dizajnne vrijednosti. Da biste to učinili, zamijenite sljedeće vrijednosti u uređivanju tekstualnog ukrasa:

text-decoration stilu:

• Ako vam je potrebna čvrsta linija, navedite vrijednost čvrste.
• Za valovite crte - valovita.
• Dvostruka crta - odnosno dvostruko.
• Linija se može zamijeniti s nizom bodova - točkastim.
• Podcrtajte riječ kao crtkana crta - isprekidana

Također možete promijeniti položaj linije u odnosu na tekst:

Dizajn line-text-decoration-line može uzeti vrijednosti:

• Standard (podcrtano odozdo) - podcrtano.
• Prekrižite riječ - kroz.
• Crta je na vrhu - obrnuto.
• Ne znamo ništa - bez stylinga.

I boja (ne smije se miješati s bojom teksta!):

text-decoration-line: (bilo koja boja u bilo kojem obliku *crvena, # c2c2c2, rgb (132, 33, 65) *).

Za praktičnost, sva tri mjesta mogu biti napisana zajedno u dizajnu:

tekst ukras: crvena, prozirna, valovita.