Dekorativni poudarijo elemente CSS

Tehnologija slogovnih listov pri ustvarjanju HTML strani opravlja dve funkciji. Prvič, z njeno pomočjo se oblikuje položaj posameznih elementov mesta. Drugič, zaradi tega so bloki vidno privlačni za uporabnika. Druga funkcija se izvaja na različne načine. Ena izmed njih je podčrtana. CSS določa ta atribut Besedilo,

Specifikacija zapisa atributov

Izkoristite premoženje Besedilo,dekoracija preprosto. Dovolj je, da napišemo naslednjo vrstico za element v kodi slogovne datoteke:

Besedilo,dekoracija: atribut_value-

Namesto "atribut_value"Specifikacija CSS ponuja več možnosti:

• podčrtajte - črta se nahaja natančno pod besedilom;
• preveč - črta poteka od vrha besedila;
• nič - odstranitev vseh dekorativnih učinkov;
• dediščino - sprejme vrednost nadrejenega elementa.

Zgoraj niso vse možne oblike snemanja, saj ta atribut določa ne samo CSS podčrtaj, ampak druge učinke, kot so "trenutku" ali prečrtano besedilo.

Primeri oblikovanja hiperpovezave

Začetniki v spletnem oblikovanju in programiranju imajo vprašanje: zakaj bi bil spodnji del besedila? Ob zori dobi internetne tehnologije je ta metoda dodelitve uporabnika na dejstvo, da je pred njim hiperpovezava - besedilo, s klikom na katerih bo izveden prehod na novo stran.

Privzeto imajo hiperpovezave nastavljeno znamko podčrtajte. V praksi se pojavlja težava, da odstranite vrstico iz neaktivnih elementov in jo vidimo, ko uporabnik lega miškin kazalec. Tu je primerna koda onemogoči poudarjanje povezav CSS:

{tekst-dekoracija: brez;}

Za aktivne povezave se uporablja naslednji vnos:

a: hover {tekst-dekoracija: podčrtaj-}

Dekorativni poudarek za napredne

Standardni atribut Besedilo,dekoracija ima več omejitev:

• Barva črte se ne razlikuje od barve besedila povezave, zato ni mogoče razlikovati med njihovimi "barvami";
• Samo podčrta se uporablja kot podčrtaj. CSS ne pomeni uporabe drugih stilov napisa.

Toda posebne tehnike pomagajo obiti klasično obliko besedila. V prvem primeru se za določitev hiperpovezave uporablja dodatna oznaka <span.

Na primer:

hiperpovezave

a>.p>

Rezultat tega je, da je na strani beseda hiperpovezava napisana modro, barva linije pa rdeča.

Še en napreden način, ki vam omogoča izvajanje CSS podčrtavanje je mejno spodaj. Spodnji primer pojasnjuje njegovo uporabo:

{border-bottom: 1px solid red-}

Rezultat bo enak kot v zgornjem primeru. Toda ta metoda ima pomembno prednost. Poleg spreminjanja barve linije (zdaj nastavljena na rdečo - rdeča), je mogoče preoblikovati način, na katerega je oblikovan:

• pikčasto - Ali poudari piko;
• črtkano - črta je sestavljena iz kapi;
• dvojno Nariše dvojno črto.

Torej, atribut mejno-spodaj bolj funkcionalen. Poleg prikaza dekorativne vrstice pod besedilom, vam omogoča prilagajanje videza.