Jak usunąć podkreślenie w CSS? Przewodnik dla początkujących

Język projektowania stron internetowych CSS wydaje się być zwodniczy, łatwy do zrozumienia i używania, co sprawia, że ​​każdy programista sieciowy pospieszy do przodu, często bez gruntownej analizy struktury i podstawy tego języka znaczników. Nie jest to zaskakujące, ponieważ kaskadowe arkusze stylów pozwalają na ustawienie strony internetowej po prostu wymieniając jej niezbędne właściwości, które można wielokrotnie kopiować z podręcznika. Problemy zaczynają się, gdy taki webmaster napotka kod nieznajomego, zaginie w nim i nie zrozumie zasad interakcji między elementami na stronie. Z powodu prób manipulowania kodem, strona zaczyna wyglądać chaotycznie, niezgrabnie, jakby została popełniona na początku Internetu w latach 90-tych - wszystkie odniesienia są niebieskie lub fioletowe, a także mają okropnie przestarzały projekt podkreślający. Jest to problem, którego nauczymy się rozwiązywać szybko i łatwo za pomocą odpowiednich selektorów i deklaracji wartości.

Instrukcja: usuń CSR, podkreślając linki

Właściwość tekstu dekoracji odpowiada tekstowi podkreślenia. Aby całkowicie usunąć podkreślenie linku CSS na stronie, możemy użyć jednej z następujących metod:
  • , aby bezpośrednio przypisać atrybut stylu do tagu tag w HTML: text-decoration: none;
  • przypisać link id i zastosować do niego podobne właściwości;
  • Aby usunąć podkreślenie łączy CSS dla kilku elementów, musisz przypisać im klasęklasy atrybutu i przepisz tę właściwość, tak jak w przypadku pojedynczego łącza.
  • Między innymi istnieje sposób w CSS, aby usunąć podkreślenia linków na całej stronie, w tym celu należy użyć następującej składni:
  • a {text-decoration: none;}.
  • Kamienie podwodne podczas pracy w CSS z łączami

    Jeśli chodzi o zmianę rodzaju elementów pola dowolnej akcji, dla programisty bez doświadczenia wszystko staje się jeszcze bardziej skomplikowane. Ale nie bądź zdesperowany, rozwiązanie jest tak proste i eleganckie jak w poprzednim przypadku ze standardowym widokiem elementów. Linki są bardzo trudne w zakresie zarządzania nimi za pomocą CSS. Na przykład intuicyjnie wydaje się, że jeśli ustawisz kolor tekstu akapitu na czerwony, to link w nim powinien być czerwony - ale nie tutaj. Każde łącze wymaga podejścia "indywidualnego", a jeśli jest wyrażone bardziej technicznie - najpierw, w CSS, musimy albo podać albo id, albo klasę, albo selektor "a" jako jego lokalizację w dokumencie internetowym, dla którego chcemy określić właściwości. Jeśli właściwości są po prostu wpisane dla znacznika "a", to określi podstawowe style linków do stron, które można ponownie przypisać do poszczególnych elementów na stronie za pomocą CSS.

    Usuń podkreślenie linków podczas unoszenia - proste, ale nieoczywiste

    Co rozumiemy przez odwołanie do hiperłącza do linku? Z technicznego punktu widzenia jest to selektor pseudoklasowy i określa jego stan w danym momencie. Różnorodność pseudo-klas i ich funkcjonalność są tak wielkie, że można je zidentyfikować za pomocą osobnego artykułu, a teraz jesteśmy zainteresowaninajeżona jest tylko jedna pseudoklasa. To on jest odpowiedzialny za zachowanie linku (lub dowolnego innego znacznika HTML) po najechaniu myszą. Teraz, rozumiejąc strukturę procesu przeglądarki przetwarzającego twój kod, możesz użyć tego przykładu:
  • a: hover {text-decoration: none}.
  • Możesz uczyć się innych pseudo-klas i pracować z nimi za pomocą podręczników CSS i podręczników, ale aby pracować z podkreśleniem linków w pełnym zakresie, ten artykuł jest wystarczający.

    Powiązane publikacje