Jezik dizajniranja web stranica CSS-a se čini varljivim, razumljivim i upotrebljivim, što čini svakog web developera žurnim naprijed u otvor, često bez temeljitog proučavanja strukture i temelja tog označevalnog jezika. To ne čudi, jer kaskadni listovi stilova omogućuju vam da uredite web-stranicu jednostavnim navođenjem potrebnih svojstava, koja se mogu opetovano kopirati iz udžbenika. Problemi počinju kada takav webmaster naiđe na kod stranca, izgubi se u njemu i ne razumije principe interakcije između elemenata na stranici. Zbog pokušaja manipuliranja kodom, stranica počinje izgledati kaotično, nespretno, kao da je počinjena u zoru interneta 90-ih - sve reference su plave ili ljubičaste, a također imaju i zastrašujuće podcrtani dizajn. To je problem koji ćemo naučiti brzo i jednostavno rješavati pomoću pravih selektora i deklaracija vrijednosti.
Uputa: uklonite CSR podcrtavajući veze
Svojstvo uređenja teksta odgovara tekstu podcrtavanja. Da bi u potpunosti uklonili podcrtavanje CSS veze na stranici, možemo koristiti jednu od sljedećih metoda:
izravno dodijeliti atribut stila oznaci u HTML-u: text-decoration: none;
dodijeliti id vezu i primijeniti slična svojstva;
Da biste uklonili podcrtavanje CSS veza za nekoliko elemenata, morate im dodijeliti klasuklasu atributa i propisati ovu svojinu, kao i za jednu vezu.
Između ostalog, postoji način da se u CSS-u ukloni podcrtavanje veza na cijeloj stranici, za to je potrebno koristiti sljedeću sintaksu:
a {text-decoration: none;}.
Podvodno kamenje pri radu u CSS-u s vezama
Kada je riječ o promjeni vrste elemenata polja bilo koje akcije, za developera bez iskustva, sve postaje još kompliciranije. Ali nemojte biti očajni, rješenje je jednostavno i elegantno kao u prethodnom slučaju sa standardnim pogledom na elemente. Veze su vrlo zahtjevne u smislu upravljanja njima putem CSS-a. Na primjer, čini se intuitivno da ako postavite boju teksta u stavku na crvenu, veza u njoj bi trebala biti crvena - ali ne i ovdje. Svaka veza zahtijeva "individualni" pristup, a ako se izrazi više tehnički točno - prvo, u CSS-u moramo ili odrediti id, ili klasu, ili selektor "a" kao svoje mjesto u web dokumentu za koji želimo odrediti svojstva. Ako su svojstva jednostavno upisana za oznaku "a", tada će se odrediti osnovni stilovi veze stranice koji se mogu preraspodijeliti za pojedine elemente na stranici pomoću CSS-a.
Uklonite podcrtavanje veza kada lebdite - jednostavno, ali ne i očito
Što podrazumijevamo pod hipervezom na vezu? S tehničke točke gledišta, ovo je selektor pseudo-klase i određuje njegovo stanje u ovom trenutku. Raznolikost pseudo-klasa i njihova funkcionalnost toliko su velike da se mogu poistovjetiti s posebnim člankom, a sada smo zainteresiranisamo je jedna pseudo-klasa lebdenje. On je taj koji je odgovoran za ponašanje veze (ili bilo koje druge HTML oznake) kada lebdi. Sada, shvaćajući strukturu procesa preglednika koji obrađuje vaš kod, možete upotrijebiti ovaj primjer:
a: hover {text-decoration: none}.
Možete učiti i druge pseudo-klase i raditi s njima pomoću CSS priručnika i priručnika, ali kako bi radili s podcrtavanjem linkova u najvećoj mogućoj mjeri, ovaj je članak dovoljan.
