Odkazy sú neoddeliteľnou súčasťou každej webovej stránky. Môžu byť text aj vo forme tlačidiel. V tomto článku sa uvažuje len o textových odkazoch. Nie je žiadnym tajomstvom, že v HTML všetky prvky nevyzerajú veľmi presne a dizajn, úprimne, je zlý. Najdôležitejšou časťou "odkazu", ktorá zasahuje do vytvárania odkazu, je dolný podčiark. Teraz budeme rozumieť, ako odstrániť podčiarknutie odkazu v CSS.
Vytvorenie odkazu
Aby ste demonštrovali prácu tejto metódy, musíte vytvoriť odkaz. Pomôže to so štandardným kódom HTML 5. Ak chcete vytvoriť odkaz, musíte použiť neblokovaný pár značky "a". Preto chcete umiestniť odkazy na jednotlivé riadky, musíte ich umiestniť do značiek odseku (p). Prípadne môžete použiť vlastnosť zobrazenia: blok pre každý odkaz.
Začíname vytvárať odkaz. Napíšte niekoľko značiek do nášho dokumentu HTML. Medzi začiatočnými a záverečnými značkami napíšeme názov nášho odkazu, ktorý sa zobrazí na stránke. Okrem toho značka "a" má niekoľko atribútov. Vyžaduje sa atribút href, bez ktorého sa odporúčanie nebude implementovať. Určuje cestu k stránke alebo súboru, na ktorý sa bude vzťahovať náš odkaz. V príklade vyššie nebudeme prechádzať z iných odkazov, takže môžete určiť predvolenú hodnotu #. Vytvorený odkaz, teraz ho musíte štylizovať. Existuje niekoľkospôsoby odstránenia podčiarknutia odkazu v CSS:
atribút štýlu (nachádza sa vo vnútri značky).
Značka štýlu (umiestnená v záhlaví bloku).
Externé pripojenie štýlov pomocou značky odkazu.
Môžete použiť ktorúkoľvek z týchto metód na vrátenie referencie v CSS, ale najvhodnejšie je pripojenie externých štýlov.
Tip: Pri stylovaní webovej stránky uprednostňujte externé odkazy.
Styling link v CSS
Vo vyššie uvedenom príklade sa použije spojenie s externým odkazom. Otvorte súbor CSS, v ktorom zmeníme návrh liniek. Okrem odkazov na tejto stránke nie je nič. Preto používame značku ako selektor ako "a". Ak chcete, môžete pre každý odkaz pridať triedy, ale toto je voliteľné. Zaznamenávame selektor "a", ktorý napíše vlastnosť text-decoration: none; Jedna jednoduchá vlastnosť textovej dekorácie sa používa na odstránenie podčiarknutia odkazu pomocou CSS. Textová dekorácia obsahuje množstvo ďalších hodnôt. Umožňuje tiež horný úder, ale zriedka sa používa. Ak chcete odstrániť podčiarknutie odkazu, zadajte nasledujúci kód pre dokument CSS:
Na zjednodušenie kódu môžete použiť jednoduchý štýl atribútu. V príklade úplný návrh celej stránky nie je zastúpený, takže môžete použiť túto metódu. Hlavná vec - nijako namaľujte celú stránku HTML. V takomto kóde sa môžete ľahko zameniť.
Zmena uvedeného odkazu v CSS
Predpokladajme, že to chcete urobiť, aby v normálnom stave spojenia zostalo podčiarknutie a keď sa vznášač zmizol. Ak chcete odstrániť alebo podčiarknuť hypertextový odkaz pri vznášaní, CSS používa pseudotriedu "hover". Tu je príklad:
Styly sa môžu použiť nielen na daný odkaz, ale aj na aktivované alebo navštívené. Ak to chcete urobiť, použite pseudotriedy ": active" a ": visited".
