Kako napisati prečrtano besedilo: CSS za začetnike

CSS je vsekakor povezan s HTML-jem. Seveda mora vsak samoumevni ustvarjalec spletnih strani poznati ta dva jezika. Danes v tem članku bomo pogledali odgovor na vprašanje: »Kako pisati z prečrtanim besedilom?« Razpravljalo se bo tudi o nekaterih najpogostejših tehnikah, ki jih uporablja večina spletnih programerjev. Nato se boste naučili, kako pisati s prečrtanim besedilom.

Priprava

Morda nimate praktičnih izkušenj pri pisanju kode CSS. In od vas to ni potrebno. Zdaj bom podal kratek vpogled v osnove tega jezika. Če ga že poznate, lahko preskočite ta del članka. CSS je formalni jezik, ki se uporablja za oblikovanje spletnih strani (napisanih v HTML). Sprva je bila zasnova dokumentov določena samo s pomočjo hipertekstovega označevanja. Sčasoma so razvijalci HTML sprejemali odločitve o ustvarjanju novega jezika, ki ga je treba uporabljati le za dekoracijo. Tako so bile glavne naloge razdeljene. HTML je bil uporabljen samo za ustvarjanje strukture strani, CSS - samo za oblikovanje. Verjetno ste opazili, da v jeziku hiperteksta obstajajo oznake, ki določajo barvo, debelino okvirjev in količino zamikov. Vse se štejejo za nezaželene, saj naj bi oblikovanje spletnih strani obravnavalo le CSS. Kot pravijo ljudje iz W3C, bodo v prihodnje vse zastarele oznake popolnoma odstranjene iz jezika. HTML in CSS sta zdaj lahko predstavljena kot ena. Načeloma mnogi uporabniki tako menijo. Zato preidimo na prakso in ugotovimo, kako pisati s prečrtanim besedilom.

Navodila

V CSS-ju se vse zgodi z lastnostmi. V tem primeru je dekoracija besedila popolna za našo nalogo. Ta lastnost omogoča razvijalcem, da nadzorujejo učinke, ki jih je mogoče uporabiti za besedilo. Večina sprememb je zlasti v oblikovanju črte, na primer: pod, nad besedilom ali celo v sredini. To lastnost lahko uporabite za vse elemente. Vendar pa bo učinek opazen le, če oznaka vsebuje besedilo. Zdaj pa se pogovorimo o pomenu:

• Podčrtaj. Vrstica bo pod besedilom.
• Overline. Vrstica bo prešla besedilo.
• Line-through. Z vstavitvijo te vrednosti lahko zapišete prečrtano besedilo.
• Utripa. Ta vrednost ustvari zanimiv učinek, v katerem besedilo začne utripati (približno enkrat na sekundo).

Dodatne informacije

Zadnja opisana vrednost (Blink) se redko uporablja pri oblikovanju strani. In med spletnimi programerji obstaja neizrečeno pravilo, ki prepoveduje uporabo tega učinka. Ker uporabnikom ni všeč stalno utripanje elementov na strani. Rad bi povedal več o učinkoviti uporabi lastnine za dekoracijo besedila. Kot veste, so povezave na spletni strani samodejno označene s posamezno barvo in podčrtano. Torej: Text-decoration vam omogoča, da odstranite to izbiro, če uporabite vrednost None. Druga možnost je, da podredite povezave z isto lastnostjo. Morda vas bo zanimalo, da lahko uporabite več vrednosti hkrati. Na primer, lahko ustvarite izbrano besedilo na vrhu in na dnu.

Zaključek

Za rešitev tega problema lahko uporabite alternativno možnost, ki uporablja oznako iz HTML-ja. Kot smo že omenili, je bil CSS jezik zasnovan za oblikovanje strani. In naj HTML obravnava strukturo dokumentov. Upam, da si se naučil pisati prečrtano besedilo.