/ / Kā noformulēt tekstu CSS

Kā noformulēt tekstu ar CSS

CSS ļauj jums izveidot dažādusdarbības, kas saistītas ar visas lapas dekoratīvo apdari. Īpaša uzmanība tiek pievērsta tekstam, kas lielākoties aizpilda lielāko daļu no visām vietnēm. Šodien mēs izskatīsim vienu interesantu īpašumu: pārklāts, uzsvērts un izvelkts teksts. Visi šie efekti tiek iestatīti, izmantojot vienu CSS kārtulu.

svītro tekstu

Uzdevums

Ar CSS tekstu iespējams uzsvērt un nošķetinātizmantojot komandu "teksta apdare". Ietekme būs atkarīga no norādītās vērtības. CSS tika izveidots, lai nošķirtu tīmekļa lapas loģisko un strukturālo daļu. Bet pirms kaskādes stila lapu parādīšanās tika izmantoti HTML tagi, kam bija līdzīga nozīme. Piemēram, tāds elements kā <strike> ļauj izlikt tekstu ar svītrojumu. Tagad šis tags tiek uzskatīts par nevēlamu, un tā izmantošana automātiski padarīs jūsu lapas kodu nederīgu. Kaut arī šo elementu <strike> joprojām atbalsta visas mūsdienu pārlūkprogrammas, un to izmanto daži izstrādātāji. Bet atpakaļ uz CSS. Komandai "teksta apdare" var būt šādas vērtības:

  • Pasvītrojums Piešķirot šo vērtību, jūs saņemat pasvītroto tekstu.
  • Overline. Rinda pārsniegs noteiktu fragmentu no lapas.
  • Caurlaidība Izveido tekstu ar pārsvītrojumu vai svītrojumu.
  • Mirgo Atlasītais dokumenta fragments periodiski izzudīs un atkal parādīsies.
  • Arī ir vērtības "neviens" un "mantot". Pirmais atceļ visus efektus, un otrajā kārtībā mantoja vecāku elementa īpašumu.

izvelciet tekstu

Mērķis

Šķiet, ka CSS ir izvilkts teksts unLīdzīgi efekti kalpo tikai teksta rotāšanai. Vairumā gadījumu šis apgalvojums ir taisnība. Bet dažreiz ir vērts apsvērt jautājumu: kādi bija elementi? Piemēram, jau novecojuša atzīme "streiks" tika izmantota, lai norādītu uz nepareizu vai veco informāciju. Lasītāji, redzot izvilkto tekstu, izprot šīs apzīmējuma slēpto nozīmi. Pasvītrotie vārdi vienmēr nekavējoties atšķiras no vispārējās plūsmas. Tādēļ šis efekts jāizmanto, lai izceltu svarīgu informāciju. "Mirgojoša" vērtība, kas liek mirgot tekstu, tiek izmantota diezgan reti, jo programmētāju vidū tiek uzskatīts, ka šāds nepieņemams efekts. Galu galā, daži no jūsu lasītājiem, piemēram, mirgo simboli, kas pastāvīgi novirzīs tos. Nu, "overline" vērtība tiek izmantota tikai, lai izrotātu tekstu.

css svītrošana

Funkcijas

Lai gan visas vērtības ir "teksta apdares" īpašumsir iekļauti kaskādes gala versiju specifikācijā, taču dažas vērtības mūsdienu pārlūkprogrammās neatbalsta. Piemēram, mirgojošais teksts IE netiks redzams. Google Chrome nepieņem noteiktas vērtības. Mobilās platformas nepietiekami atbalsta šo funkciju.

Secinājums

Ietekme, piemēram, teksta svītrošana un citiLīdzīgas vērtības bieži tiek izmantotas internetā. To izmantošana ļauj pareizi izteikt autora galveno ideju, palīdzot lasītāju uzmanību koncentrēt uz teksta nepieciešamo daļu. Bet neesiet pārāk mierīgs un katru iespēju izmantot "teksta apdares" īpašumu. Galu galā nevajadzīgā teksta rotācija var kaitēt jums un jūsu lasītājiem.

Lasīt vairāk: