Dekoratyviniai pabrėžti CSS-elementai

Technologijos stilių turi dvi funkcijas į HTML puslapius dizainas. Pirma, su jo pagalba, yra formavimas pozicija atskirų elementų svetainėje. Antra, tai daro vienetai vizualiai patraukli vartotojui. Įgyvendinimas Antroji funkcija pasireiškia įvairiais būdais. Vienas iš jų - pabrėžti. CSS numato šis atributas Text- apdaila.

Specifikacija atributas įrašas

Naudokite Text- apdaila turtas yra paprasta. Pakanka užsiregistruoti CSS failo kodas, ši eilutė elemento:

Text- apdaila: znachenie_atributa;

Vietoj "znachenie_atributa» CSS specifikacija siūlo keletą variantų:

• pabrėžti, - kontūrą, išsidėsčiusį tiesiai po tekstu;
• overline - linija eina iš teksto viršuje;
• nė - visų dekoratyvinių efektų pašalinimas;
• paveldėti - priima iš tėvų elemento vertę.

Aukščiau nėra visi galimi formos įrašymo, nes šis atributas nurodo ne tik CSS pabraukimo, tačiau kiti poveikį, pavyzdžiui, "Blink" arba perbraukti tekstą.

Pavyzdžiai dizaino hipersaitus

Pradedantiesiems Web dizainas ir programavimas, kyla klausimas: kodėl apatinę liniją tekstą? Pasibaigus interneto technologijų eros šis paskirstymo vartotoją į tai, kad priešais jį yra hipersaitą metodas aušros - tekstas, paspaudę ant kurios bus atliekama perėjimą į naują puslapį.

Pagal nutylėjimą, hipersaitus nuosavybė nustatyti pabraukimas. Praktiškai yra problema pašalinti liniją nuo neaktyvių prietaisų ir padaryti jį matomą kaip vartotojas pajudina pelę žymiklio. Čia yra kodas pavyzdys, kad išjungia pabraukimas CSS nuorodos:

{text-apdaila: nėra; }

Dėl aktyvios nuorodos, naudojant tokią įrašą:

A: hover {teksto apdaila: pabrėžti;}

Dekoratyviniai pabraukimas pažengusiems

Standartinė atributas Text- apdaila turi keletą trūkumų:

• linija spalva skiriasi nuo ryšio teksto spalva, neįmanoma atskirti jų "spalvos";
• Tik ištisinė linija naudojama kaip pabraukimo. CSS neapima kitų stilių ženklo naudojimą.

Bet specialios technologijos padeda apeiti klasikinę išvaizdą teksto. Pirmuoju atveju, nustatyti hipersaitą naudojant pasirinktinį tag .

Pavyzdžiui: