Dekorative nënvizojnë CSS-elemente

Teknologji stylesheet ka dy funksione në hartimin e HTML-faqeve. Së pari, me ndihmën e saj, ka një pozicion formimi i elementeve të veçanta të vendit. Së dyti, kjo e bën njësitë visually tërheqës për përdoruesit. Zbatimi i funksionit të dytë ndodh në shumë mënyra. Një prej tyre - theksojnë. CSS ofron për dekorimin këtë atribut Text.

Specifikimi rekord atribut

Përdorni Text pronës dekoratë është e thjeshtë. Mjaftueshme për të regjistrohen në kodin CSS fotografi, vija vijim për pika:

dekoratë Text: znachenie_atributa;

Në vend të "znachenie_atributa» specifikim CSS ofron një numër mundësish:

• nënvizojnë - linjë të vendosur drejtpërdrejt nën tekstit;
• overline - line shkon nga maja e tekstit;
• Asnjë - heqja e të gjitha efekteve dekorative;
• trashëgojnë - miraton vlerën e elementit mëmë.

E mësipërme nuk janë të gjitha format e mundshme të regjistrimit, pasi kjo atribut specifikon jo vetëm nënvizojnë CSS, por efekte të tjera, të tilla si "injoroj" apo Teksti gërmave.

Shembuj të hyperlinks projektimit

Fillestar në web design dhe programim, shtrohet pyetja: pse linjë fund në tekst? Në agimin e epokës së teknologjisë së internetit kjo metodë e ndarjes së përdoruesit për faktin se në frontin e tij është një hyperlink - text, duke klikuar mbi të cilin do të kryhet kalimi në një faqe të re.

By default, Hyperlink pronës vendosur Underline. Në praktikë, ka një problem për të hequr vijën nga pajisjet joaktive dhe të bëjë atë të dukshme si përdoruesi lëviz treguesin e miut. Këtu është një shembull i kodit që pamundëson lidhjet underscore CSS:

a {tekst-dekorim: none; }

Për lidhjet aktive duke përdorur hyrjen në vijim:

a: hover {tekst-dekorim: të theksuar;}

underscore dekorative për të avancuar

atribut Standard Text dekorimin ka disa kufizime:

• Color Line ndryshme nga ngjyra e tekstit Lidhje, është e pamundur për të dalluar në mes të "ngjyrosur" e tyre;
• Vetëm linja të ngurta është përdorur si nënvizuar. CSS nuk ka të bëjë përdorimin e stileve të tjera të markës.

Por teknika të veçanta të ndihmojë të anashkalojë pamjen klasike të tekstit. Në rastin e parë, për të vendosur një hyperlink duke përdorur tag opsional .

Për shembull: