Datori, Programmēšana
Dekoratīvi Pasvītra CSS elementu
Tehnoloģija stilu ir divas funkcijas dizaina HTML lapas. Pirmkārt, ar tās palīdzību, ir veidošanās pozīcija atsevišķu elementu vietā. Otrkārt, tas padara vienības vizuāli pievilcīgu lietotājam. Īstenošana otrā funkcija notiek daudzos veidos. Viens no tiem - pasvītrojumu. CSS paredz šī atribūta teksta pārveides apdare.
Specifikācija atribūts ieraksts
Izmantot tekstu atskaņošanu apdare īpašums ir vienkārša. Pietiekami reģistrēt CSS failu kodu, šādu rindiņu par preci:
tekstu atskaņošanu apdare: znachenie_atributa;
Tā vietā, lai "znachenie_atributa» CSS specifikācijai piedāvā vairākas iespējas:
- uzsvērt - līnijas, kas atrodas tieši zem teksta;
- overline - līnija iet no augšas teksta;
- none - noņemšana no visiem dekoratīvus efektus;
- mantot - pieņem vērtību mātes elementa.
Iepriekš nav visas iespējamās formas ierakstu, jo šis atribūts ir norādīts ne tikai CSS pasvītrojuma, bet citus efektus, piemēram, "atblāzma" vai pārsvītrots teksts.
Piemēri dizaina hipersaites
Iesācējiem ar web dizains un programmēšana, rodas jautājums: kāpēc apakšējo līniju tekstā? Pēc dawn laikmetā interneta tehnoloģijas šī metode lietotāja uz to, ka viņa priekšā ir hipersaite piešķiršanu - tekstu, noklikšķinot uz kuras veiks pāreju uz jauno lapu.
Pēc noklusējuma īpašums Hyperlink iestatīt pasvītrojumu. Praksē, ir problēma, lai novērstu līniju no neaktīvo ierīču un padarīt to redzamu, jo lietotājs pārvieto peles kursoru. Šeit ir piemērs kodu, kas izslēdz pasvītrojuma CSS saites:
{text-decoration: none; }
Attiecībā uz aktīvajām saitēm, izmantojot šādu ierakstu:
a: hover {text-decoration: pasvītrot;}
Dekoratīvie pasvītrojums progresējoša
Standarta atribūts tekstu atskaņošanu apdarei ir vairāki ierobežojumi:
- līnijas krāsa atšķiras no krāsu saites tekstu, tas ir neiespējami atšķirt to "krāsas";
- Tikai nepārtraukta līnija tiek izmantota kā pasvītrojumu. CSS neietver izmantošanu citu stilu zīmes.
Bet īpašas metodes palīdz apiet klasisku izskatu tekstu. Pirmajā gadījumā, lai uzstādītu hipersaiti, izmantojot papildu tagu .
Piemēram:
"> hipersaite
. >
Tā rezultātā, vārds lapā hipersaite tiks rakstīta zilā un krāsu līnijas būs sarkanā krāsā.
Cita progresīva metode, kas ļauj CSS pasvītrojumu, - robežu apakšā. Turpmāk piemērs ilustrē to izmantošanu:
ir ietvertas {robeža-bottom: 1px solid red;}
Rezultāts būs tāds pats kā iepriekšējā piemērā. Bet šī metode ir nozīmīga priekšrocība. Papildus mainot līnijas krāsu (šobrīd noteikts sarkans - sarkans), ir iespējams pārveidot metode uzrakstu:
- punktētā - padara punkts uzsver;
- raustītā - līnija sastāv no triekas;
- double - vērš dubultu līniju.
Tātad, atribūtika ar robežām apakšā ir vairāk funkcionāla. Papildus displejs dekoratīvo līniju zem teksta, tas dod iespēju pielāgot savu izskatu.
Similar articles
Trending Now