Dekoratiivne alakriips CSS-elemendid

Tehnoloogia-stiil on kaks funktsiooni disain HTML-lehekülgedel. Esiteks tema abi, on moodustumise positsiooni üksikuid elemente kohapeal. Teiseks, see muudab üksuste visuaalselt kasutajale. Rakendamine teise funktsiooni esineb mitmel viisil. Üks neist - rõhutavad. CSS annab selle atribuudi teksti- kaunistamiseks.

Täpsustus atribuut rekord

Kasutage teksti- kaunistamiseks vara on lihtne. Piisavalt, et registreeruda CSS faili kood järgmine rida toode:

teksti- decoration: znachenie_atributa;

Selle asemel, et "znachenie_atributa» CSS spetsifikatsioon pakub mitmeid võimalusi:

• rõhutavad - line asub otse teksti all;
• overline - kulgeb ülevalt teksti;
• Puudub - kõrvaldada kõik dekoratiivsed mõju;
• pärivad - võtab väärtuse vanem element.

Eespool ei ole kõik võimalikud vormid salvestus, kuna see atribuut määrab mitte ainult CSS alakriips, kuid muid toimeid, nagu "Blink" või läbikriipsutatud teksti.

Näited disain hüperlinke

Algajatele web disain ja programmeerimine, tekib küsimus: miks alumine rida teksti? Koidikul ajastu internet tehnoloogia seda meetodit eraldamise alla asjaolu, et tema ees on hüperlink - tekst, klõpsates mis viiakse läbi ülemineku uuele lehele.

Vaikimisi Hüperlink omaduse joonitud. Praktikas on probleem eemaldada joont mitteaktiivsed seadmed ja teha see nähtavaks, kui kasutaja liigutab kursorit. Siin on näide kood, mis keelab alakriips CSS lingid:

endale {text-decoration: none; }

Aktiivse lingid kasutades järgmine kanne:

a: hover {text-decoration: rõhutada;}

Dekoratiivne alakriips arenenud

Standardi atribuuti text- kaunistamiseks on mitmeid piiranguid:

• line värv erineb värvi lingi tekst on võimatu eristada oma "värvimine";
• Ainult pidevjoon kasutatakse alakriips. CSS ei hõlma kasutamise teised stiilid kaubamärgi.

Aga erilist tehnikat aitab ümbersõit klassikaline välimus teksti. Esimesel juhul, seada hyper lehe vabatahtlikest tag .

Näiteks: