Kako odstraniti povezave za podčrtovanje prek CSS-ja? Dodatek za začetnike

Zdi se, da je jezik oblikovanja spletnih strani CSS zelo razumljiv in uporaben, zato vsak spletni razvijalec novinca poskuša priti v odprtino, pogosto ne da bi se temeljito naučil strukture in temeljev tega označevalnega jezika. To ni presenetljivo, ker kaskadne liste slogov omogočajo oblikovanje spletne strani s preprosto navedbo njenih potrebnih lastnosti, ki jih je mogoče kopirati iz učbenika enkrat ali dvakrat.

Težave se začnejo, ko takšen webmaster naleti na kodo nekoga drugega, se izgubi v njem in ne razume načel interakcije elementov na strani. Zaradi poskusov manipulacije kode se začne stran videti kot kaotično, nerodno, kot da bi jo v 90-ih letih vsadili v zori interneta - vse povezave so modre ali vijolične barve, prav tako pa imajo podčrtano grobo zastarelo obliko. Naučili se bomo hitro rešiti ta problem z uporabo pravilnih selektorjev in deklaracij vrednosti.

Navodilo: kako odstraniti podčrtane povezave v CSS

Lastnost dekoracije besedila je odgovorna za poudarjanje besedila. V celoti Če želite na strani odstraniti povezave CSS podčrtane, lahko uporabimo eno od naslednjih metod:

• neposredno na oznako povezave HTML, dodelite atribut sloga , v katerega pišete: text-decoration: none ;
• dodeli id povezavi in ​​nanjo uporabite podobne lastnosti;

• Če želite CSS podčrtati za več elementov, jim morate dodeliti razred z atributom class in nastaviti isto lastnost kot za eno povezavo.

Med drugim obstaja način v CSS odstranite podčrtanje povezav na celotni strani, za to morate uporabiti naslednjo skladnjo:

• a {text-decoration: none;}.

Pasti pri delu v CSS s povezavami

Ko gre za spreminjanje videza elementov dejavnosti, za razvijalca brez izkušenj, postane vse še težje. Toda ne obupajte, rešitev je tako preprosta in elegantna kot v prejšnjem primeru s standardnim videzom elementa.

Povezave so zelo izbirčne v smislu upravljanja z CSS. Na primer, intuitivno se zdi, da če nastavite barvo besedila za odstavek v rdeči barvi, mora biti povezava v njej rdeča - vendar je ni bilo. Za vsako povezavo je potreben »individualni« pristop, in če ga izrazimo bolj tehnično natančno - najprej moramo v CSS-u navesti id ali razred ali selektor „a“ kot njegovo lokacijo v spletnem dokumentu, za katerega želimo nastaviti lastnosti. Če preprosto nastavite lastnosti za oznako "a", bo to določilo osnovne sloge povezav na strani, ki jih je mogoče znova dodeliti posameznim elementom na strani s pomočjo CSS.

Odstranitev podčrtanih povezav med lebdenjem - preprosta, vendar ne očitna

Kaj imamo v mislih pri sklicevanju na povezavo? S tehničnega vidika je to izbirnik psevdo razreda in določa njegovo trenutno stanje. Raznolikost psevdo-razredov in njihova funkcionalnost je tako obsežna, da jih lahko označimo kot ločen članek, zdaj pa nas zanima le en psevdo-razred - hover. On je tisti, ki je odgovoren za obnašanje povezave (ali katere koli druge oznake HTML) pri lebdenju. Zdaj, ko razumemo strukturo brskalčeve obdelave kode, lahko uporabite ta primer:

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

Preučite lahko preostale psevdo-razrede in delate z njimi sami, z referenčnimi knjigami in učbeniki o CSS, vendar za zadostovanje podčrtanih povezav ta članek zadostuje.