Nekaj ​​nasvetov o tem, kako odstraniti podčrtajoče povezave v HTML z uporabo CSS

Postavitev katerega koli informativnega besedila pomeni vključitev pomembnih hiperpovezav ali sider. Ti elementi se dodajajo s pomočjo oznake »a« (sidro). Sodobni brskalniki privzeto prikazujejo podoben element z nižjo podčrtico. Pogosto oblikovalci spletnega oblikovanja ali spletni oblikovalci raje spremenijo ta slog ali jih izbrišejo skupaj.

V nekaterih primerih je to res potrebno. Na primer, v gostem referenčnem bloku, kjer bi presežna oblika preobremenila zaznavanje in otežila branje dokumenta. Vendar pa je v nekaterih primerih priporočljivo ohraniti razlikovanje med besedilom in referencami. Če je zasnova spletnega mesta popolnoma izključena tako oblikovanje, potem je smiselno uporabiti katero koli drugo vrsto izbora takšnih elementov. Najpogostejši tip razmejitve je barvni kontrast sider v besedilu. To je učinkovito. Edina majhna pomanjkljivost te možnosti bo problem poudarjanja besedila ljudi, ki ne morejo zaznati različnih barv (barvno slepoto). Ampak to je tako nizek odstotek uporabnikov, ki jih je mogoče zanemariti.

Če bi bilo navsezadnje odločeno odstraniti podčrta povezav, potem bo potrebno poznati strukturo oblikovanja spletne strani, in sicer CSS.

Odstranite podčrtavanje povezav na celotnem spletnem mestu

Za osebo, ki je dobro znana v spletnem oblikovanju in še zlasti v CSS, odstranitev podčrta povezav ne bo zelo težavna. Če želite to narediti, morate le najti in odpreti datoteko v datotekah spletnega mesta, ki so odgovorne za oblikovanje sloga. Običajno leži v korenskem imeniku in ima razširitev .css. Odstranite podčrtane povezave lahko storite s preprosto kodo:

a {

tekst-dekoracija: nič;

}

Ta majhna vrstica bo odstranila celotno spletno mesto, ki poudarja vse elemente, ki so registrirani s oznako »a«.

Kaj pa, če nimate dostopa do datoteke CSS?

V tem primeru je priporočljivo uporabiti oznako Style na začetku dokumenta. Deluje enako kot CSS datoteka. Če želite uporabiti sloge, je potrebno na samem začetku dokumenta (ali HTML strani) izpolniti načrt, v katerem se uporabljajo običajna pravila CSS.

Ti slogi veljajo samo za določeno stran. V drugih oddelkih ali dokumentih spletnega mesta ne bodo delovali.

Odstranite podčrtaj povezav pri lebdenju

Ampak, kako biti, če morate odstraniti podčrtano povezavo pri lebdenju? CSS v tem primeru nam lahko pomaga. Koda bo videti tako:

a: hover {

tekst-dekoracija: nič;

}

To je pseudo-razred ": hover", ki je odgovoren za okrasitev elementov, ko se giblje nad kazalko.

Z združitvijo teh dveh možnosti lahko to naredimo tako, da se podčrtava povezave prikaže le, če se vrti, drugače bo vse videti kot navaden tekst:

in {

tekst-dekoracija: nič;

}

a: hover {

tekst-dekoracija: podčrtaj;

}

Uporaba identifikatorjev in razredov

Kot je razvidno iz zgornjega, je sprememba styling elementa na spletnem mestu ali html-dokumentu precej enostavna. Slabosti takšnih možnosti so nezmožnost selektivno uporabljati sloge: ne na celotno spletno mesto ali dokument, ampak na določeno povezavo.

Obstaja več rešitev za ta problem.

Underscore povezave lahko odstranite v vrstico. Čeprav to ni priporočljivo storiti v smislu optimizacije spletne strani.

Če želite to narediti, morate parameter Parameter Style neposredno označiti v referenčni oznaki:

Druga možnost je bolj sprejemljiva.

V element vstavimo dodatni razred ali id ​​in jih dodamo že izbranim selektorjem:

Naprej, vse valjane. V datoteki CSS lahko odstranimo podčrtavanje povezav z uporabo znanega sloga v razred ali identifikator, odvisno od vaše izbire.

Razred je registriran s piko pred njenim imenom:

.none_ decoration {

tekst-dekoracija: nič;

}

Identifikator označuje #:

#none_ decoration {

tekst-dekoracija: nič;

}

To pravilo velja za datoteko CSS in oznako Style

Spremenite slog prikaza povezave v besedilu

Poleg odstranitve podčrta povezave, CSS omogoča druge vrste stylinga. Spletni oblikovalci ali spletni oblikovalci pogosto spreminjajo barvo glede na glavno besedilo, da označijo referenčno besedilo.

Za to je tudi precej preprost:

in {

barva: * navedite želeno barvo v kateri koli obliki (* rdeča, # c2c2c2, rgb (132, 33, 65) *) *;

}

Ta stilizacija se uporablja z enakimi pravili, kot je opisano za razveljavitev povezave. Pravila CSS so v tem primeru enaka. Če spremenite barvo povezave in razveljavite razveljavitev, lahko uporabite kot ločen stil (potem bo povezava ostala podčrtana, vendar bo barvo spremenila iz standardne modre v tisto, ki jo potrebujete).

Zamenjava standardnega stila

Na koncu je še ena pripomba. Namesto razveljavitve podčrtaje povezave CSS omogoča nadomestitev standardnih vrednosti projektiranja. Če želite to narediti, v tekstualni dekorativni zasnovi nadomestite naslednje vrednosti:

tekst-dekoracija-slog:

• Če potrebujete čisto črto, navedite vrednost trdne snovi.
• Za valovite linije - valovita.
• Dvojna vrstica - oziroma dvojna.
• Črto lahko zamenjamo z zaporedjem točk - pikčasto.
• Podčrtajte besedo kot pikčasto črto - črtkano

Prav tako lahko spremenite položaj vrstice glede na besedilo:

Zasnova linije-tekst-dekoracija lahko sprejme vrednosti:

• Standard (podčrtaj od spodaj) - podčrtajte.
• Prečite besedo skozi.
• Črta je na vrhu - preveč.
• Ne poznamo nobenega - brez stylinga.

In barva (ne smemo zamenjati z barvo besedila!):

tekst-dekoracija-linija: (katera koli barva v kateri koli obliki *rdeča, # c2c2c2, rgb (132, 33, 65) *).

Za udobje so lahko vsi trije položaji zapisani skupaj v zasnovi:

tekst-dekoracija: rdeča, linija skozi, valovita.