Jak odstranit podtržené odkazy pomocí CSS? Příspěvek pro začátečníky

Jazyk návrhu webových stránek CSS se zdá být klamavě srozumitelný a snadno použitelný, což je důvodem, proč každý nováček webových vývojářů spěchá dopředu k embrasure, často bez důkladné znalosti struktury a základů tohoto značkovacího jazyka. To není překvapující, protože kaskádové styly vám umožňují navrhnout webovou stránku jednoduchým uvedením potřebných vlastností, které lze jednou nebo dvakrát zkopírovat z učebnice.

Problémy začínají, když se takový webmaster setká s někým jiným kódem, ztratí se v něm a nerozumí principům interakce prvků na stránce. Kvůli pokusům manipulovat s kódem začne stránka vypadat chaoticky, neohrabaně, jako kdyby byla implantována na úsvitu internetu v devadesátých letech - všechny odkazy jsou modré nebo fialové a také mají podtrhání strašně zastaralé v designu. Naučeme se tento problém rychle a snadno řešit pomocí správných voličů a deklarací hodnot.

Instrukce: jak odstranit podtržené odkazy v CSS

Vlastnost text-dekorace je zodpovědná za zdůraznění textu. Plně Chcete-li na stránce odstranit odkazy CSS na podtržítku, můžeme použít jednu z následujících metod:

• přímo do značky odkazu HTML, přiřaďte atribut stylu, ve kterém se má psát: text-decoration: none ;
• přiřadit id odkaz a použít podobné vlastnosti;

• Chcete-li odstranit podtržení CSS pro několik prvků, je třeba jim přiřadit třídu atribut třídy a nastavit stejný vlastnost jako u jednoho odkazu.

Mimo jiné je v CSS způsob odstranění podtržení odkazů na celé stránce, musíte použít následující syntaxi:

• a {text-decoration: none;}.

Úskalí při práci v CSS s odkazy

Pokud jde o změnu vzhledu polních prvků akce, pro vývojáře bez zkušeností se všechno stává ještě obtížnějším. Ale nezoufejte, řešení je stejně jednoduché a elegantní jako v předchozím případě se standardním vzhledem prvku.

Odkazy jsou velmi vybíravé, pokud jde o jejich správu prostřednictvím CSS. Například se intuitivně zdá, že pokud nastavíte barvu textu pro odstavec v červeném, odkaz v něm by měl být červený - ale nebyl tam. Pro každý odkaz je zapotřebí "individuální" přístup a pokud to vyjádříme technicky přesnější - nejprve v CSS musíme zadat buď id, nebo třídu, nebo selektor "a" jako jeho umístění v dokumentu, pro který chceme nastavit vlastnosti. Pokud jednoduše nastavíte vlastnosti pro značku "a", určuje to základní styly propojení na stránce, které lze znovu přiřadit jednotlivým prvkům na stránce pomocí CSS.

Odstraňte podtržené odkazy při vznášení - jednoduché, ale ne zřejmé

Co mám na mysli při odkazu na odkaz? Z technického hlediska je to selektor pseudotříd a určuje jeho současný stav. Rozmanitost pseudo-tříd a jejich funkčnost jsou tak rozsáhlé, že je lze identifikovat jako samostatný článek, a nyní se zajímáme pouze o jednu pseudotřídní - vznášení. Je to ten, kdo je zodpovědný za chování odkazu (nebo jiné značky HTML), když se vznáší. Nyní, pochopení struktury prohlížeče zpracování kódu, můžete použít tento příklad:

• a: vznášet se {text-decoration: none}.

Můžete studovat ostatní pseudotřídy a pracovat s nimi sami, pomocí referenčních knih a učebnic na CSS, ale pro práci s podtržením odkazů v plném rozsahu je tento článek dostatečný.