Kaip naudoti CSS norint hipersaitus formuoti tinklalapiuose

Balandis 19, 2024

Jei esate susipažinęs su HTML, žinote, kad galite valdyti teksto spalvą ir hipersaitus tinklalapyje. Bet naudodami kaskadinius stiliaus lapus galite nuveikti daug daugiau. Tam tikros žymos, tokios kaip hipersaito inkaro žyma, turi vadinamąsias pseudo klases, susietas su skirtingomis žymos būsenomis. Pvz., Hipersaito žyma turi keturias būsenas; susieti, aplankyti, užveskite pelę ir yra aktyvūs.

Kai nuoroda nenaudojama (nepasirinkta), tai yra saitas pseudoklasė ar būsena. lankėsi būsena yra po to, kai nuoroda buvo panaudota. užveskite būsena yra tada, kai pelė eina per saitą ir aktyvus būsena yra tada, kai jūs spustelite nuorodą. CSS stebuklas yra tas, kad kiekviena jungties būsena yra valdoma nepriklausomai, naudojant pseudoklases. Taigi kiekvienai būsenai galite nustatyti skirtingas savybes. CSS galite naudoti bet kurią nuosavybę, susietą su hipersaito inkaro žyma.

Žemiau pateiktame pavyzdyje nuorodos būseną nustatysime raudoną, apsilankymo būseną - purpurinę (# 400040), užveskite pelės žymeklį ir aktyviąsias būsenas - raudoną, pabrauktą ir kursyvu.

Pastaba -Strėlė

rodo, kad kodas yra suvyniotas į antrą eilutę ir tikrai turėtų būti viskas vienoje eilutėje.

Kaip matote, visų būsenų spalvą nustatėme kaip raudoną, išskyrus lankomą būseną, kurią nustatėme kaip purpurinę. Kadangi norime, kad hipersaitas būtų pabrėžtas tik pateikiant ir aktyviąsias būsenas, mes nustatėme, kad teksto dekoravimo ypatybė jokioms kitoms dviem būsenoms nėra. Galiausiai nustatėme kursyvo kursorių švirkštimo ir aktyviosiose būsenose. Dėl to tekstas taps kursyvu, kai pervažiuosite arba spustelėsite nuorodą, o teksto dekoravimą vėl paryškinome. Tai tik paprastas pavyzdys. Savo stilius galite padaryti kuo paprastesnius ar išgalvotus. Tačiau reikia atsiminti keletą dalykų.

Interneto naršyklės skiriasi tuo, kaip jos tai elgiasi. Paprastai, jei jūs nustatote savybę tam tikra reikšme, ją paveldės (perduos) bet kurios valstybės, išvardytos po jos. Aukščiau pateiktame pavyzdyje pirmoji būsena, nurodyta mūsų kode, buvo saito būsena ir mes nustatėme spalvos savybę raudona. Didžiąją laiko dalį tai būtų perduota kitoms trims valstybėms, nebent mes jį pakeistume kodu, kaip tai darėme aplankytos valstybės atveju. Be to, jei nebūtume nustatę, kad teksto dekoravimas būtų vėl paryškintas, pelės žymeklio ir aktyvių būsenų tekstas nebūtų paryškintas, nes mes jį išjungėme pirmojoje būsenoje. Bet jūs negalite tikėtis, kad tai atliks visos naršyklės. Todėl geriausia nustatyti visas savybes kiekvienai būsenai atskirai.

Kai kuriate išgalvotas nuorodas, nedarykite didelių pokyčių tarp būsenų, pavyzdžiui, nepaprastai padidinkite teksto dydį. Dėl to interneto naršyklė iš naujo įkels puslapį, o lankytojai su jumis labai susierzins.

Šių pseudo klasių kodo pateikimo tvarką įtakoja kaskados tvarka. Kaskados tvarką aptarsime vėlesniame vadove. Kol kas tik atsiminkite, kad norėdami išvengti konfliktų, užkoduokite būsenas tokia tvarka, kokią naudojome aukščiau; susieti, aplankyti, užveskite pelę ir yra aktyvūs.

Vaizdo Instrukcijos: Week 9 (Balandis 2024).

Kaip naudoti CSS hipersaito formavimui tinklalapiuose, HTML, pseudo klasėse, susietose su skirtingomis žymės būsenomis, pseudoklasu, hipersaitais, kodavimo hipersaitomis CSS, CSS pseudoklases, CSS būsenomis, žymos būsena, išgalvotomis nuorodomis tinklalapyje su CSS, išgalvotos nuorodos

Ankstesnis Straipsnis

Kitas Straipsnis

Susiję Straipsniai

kompiuteriai

Žaidimas „100 grindų“ - „Droid“ apžvalga

Balandis 2024

„100 grindų“ yra „Android“ operacinės sistemos žaidimas, kuris yra miniatiūrų serija. Nėra taisyklių. Jūs darote viską, ko reikia, kad durys atsidarytų. Jums pradėti lengva. Tu spoksai į lifto...

kompiuteriai

Pirkimo vietos spausdinimas ir gamyba

Balandis 2024

Kai apsipirkinėjate, kas priverčia jus pasirinkti vieną produktą? Jei esate susipažinęs ar patenkintas tam tikru produktu, tikriausiai eisite su tuo, kas jums labiausiai tinka. O kaip bus su tais...