Kako ukloniti podcrtane veze putem CSS-a? Dodatak za početnike

Jezik dizajna web stranice CSS-a čini se lako razumljivim i razumljivim, zbog čega svaki novajlija web developera žuri naprijed u udubljenje, često bez temeljitog učenja strukture i temelja tog označevalnog jezika. To ne čudi, jer kaskadni listovi stilova omogućuju vam dizajniranje web-stranice jednostavnim navođenjem potrebnih svojstava, koja se mogu kopirati iz udžbenika jednom ili dvaput.

Problemi počinju kada takav webmaster naiđe na tuđi kod, izgubi se u njemu i ne razumije principe interakcije elemenata na stranici. Zbog pokušaja manipuliranja kodom, stranica počinje izgledati haotično, nespretno, kao da je ugrađena u zoru interneta 90-ih - sve veze su plave ili ljubičaste, a također imaju i naglašenu zastarjelost dizajna. Naučit ćemo brzo i jednostavno rješavati ovaj problem pomoću ispravnih selektora i deklaracija o vrijednosti.

Uputa: kako ukloniti podcrtane linkove u CSS-u

Svojstvo uređivanja teksta odgovorno je za podcrtavanje teksta. U potpunosti Da biste na stranici uklonili CSS veze na donjoj crti, možemo koristiti jednu od sljedećih metoda:

• izravno na oznaku HTML veze, dodijelite atribut stila u kojem ćete pisati: text-decoration: none ;
• dodijeliti id vezi i primijeniti slična svojstva na nju;

• Da biste uklonili podcrtavanje CSS-a za nekoliko elemenata, morate im dodijeliti klasu s atributom klase i postaviti isto svojstvo kao i za jednu vezu.

Između ostalog, postoji način u CSS-u uklonite podcrtavanje veza na cijeloj stranici, za to trebate koristiti sljedeću sintaksu:

• a {text-decoration: none;}.

Zamke pri radu u CSS-u s vezama

Kada je riječ o promjeni izgleda elemenata područja djelovanja, za developera bez iskustva, sve postaje još teže. Ali nemojte očajavati, rješenje je jednostavno i elegantno kao u prethodnom slučaju sa standardnim izgledom elementa.

Veze su vrlo izbirljive u smislu upravljanja kroz CSS. Na primjer, intuitivno se čini da ako postavite boju teksta za odlomak u crveno, onda bi veza u njoj trebala biti crvena - ali nije bila tamo. Za svaku je vezu potreban "individualni" pristup, a ako ga izrazimo tehnički točnijim - prvo u CSS-u moramo navesti id ili klasu, ili selektor "a" kao svoje mjesto u web dokumentu za koji želimo postaviti svojstva. Ako jednostavno postavite svojstva za oznaku "a", to će odrediti osnovne stilove veze na stranici, koji se mogu preraspodijeliti na pojedinačne elemente na stranici pomoću CSS-a.

Uklonite podcrtane veze kada lebdite - jednostavno, ali ne i očito

Što podrazumijevamo pod linkom? S tehničke točke gledišta, ovo je selektor pseudo-klase i određuje njegovo trenutno stanje. Raznolikost pseudo-klasa i njihova funkcionalnost toliko su opsežni da se mogu identificirati kao poseban članak, a sada nas zanima samo jedna pseudo-klasa - hover. On je taj koji je odgovoran za ponašanje veze (ili bilo koje druge HTML oznake) kada lebdi. Sada, shvaćajući strukturu preglednika za obradu vašeg koda, možete upotrijebiti ovaj primjer:

• a: hover {text-decoration: none}.

Možete proučavati ostale pseudo-klase i raditi s njima sami, koristeći referentne knjige i udžbenike o CSS-u, ali kako bi radili s podcrtavanjem linkova u cijelosti, ovaj članak je dovoljan.