Utilizarea practică a cazului CSS

Utilizarea practică a CSS: caz

Se întâmplă adesea - învățăm ceva numai atunci când devine necesar să o aplicăm în practică. Ca rezultat, vom absorbi doar partea pe care o aplicam imediat. Restul este uitat și de multe ori nu este studiat. De altfel, există multe caracteristici interesante ale CSS. Pornind de la acest articol, ne vom concentra pe aplicații CSS, care nu sunt foarte frecvente, dar nu mai puțin utile.







Utilizarea practică a CSS: caz

O utilizare destul de rară a CSS este efectul asupra registrului caracterelor afișate. Pentru cei care nu știu, registrul caracterelor caracterizează proprietatea antetului lor. În termeni simpli, literele majuscule sunt CAPITAL, adică, Caracterele mari și literele mici sunt mici, adică, mici litere.

Foarte puțini oameni știu despre o astfel de proprietate interesantă în CCS, ca text-transform. Cu ajutorul acestuia, puteți manipula textul afișat, fără a interfera direct cu caracterele textului. Proprietatea transformare text poate lua 5 valori diferite: moștenire, capitalizare, majuscule, litere mici și nici una. Mai multe despre ei:

  • capitalizează - prima literă a textului cu această valoare a proprietății CSS proprietate text-transform va fi întotdeauna mică;






  • majuscule - această proprietate determină browserul să afișeze textul numai cu majuscule;
  • litere mici - așa cum mulți au ghicit deja, exact opusul cazului precedent - tot textul este afișat numai cu litere mici;
  • inherit - specifică faptul că trebuie folosit valoarea elementului părinte;
  • none - textul de ieșire așa cum este, pentru text-transformare aceasta este valoarea implicită; Și un exemplu clar: Așa va arăta:

    Aceasta este o încercare simplă

    Aceasta este o încercare simplă

    Aceasta este o încercare simplă

    Aceasta este o încercare simplă

    Aceasta este o încercare simplă

    Aceasta este o încercare simplă

    Unii cititori acum, probabil, nu va fi problema. „Ei bine, dracu 'toate acestea nu ar trebui să fie mai ușor doar pentru a scrie acest scenariu, modul în care doriți să afișați? ..“ Hmm. parțial adevărat. Acum, încercați să-și imagineze situația: vi se va percepe în dezvoltarea în continuare și administrarea unui portal imens vizitat, cu un număr foarte mare de pagini, care sunt, de obicei, generate dintr-un șablon și de ieșire un caracter normal. Și, așa cum se întâmplă, clientul ceva bătut în cap / primit pe picior greșit / văzut astfel de concurenți / versiunea lor /. Și el a spus că dorește ca toate titlurile să fie afișate numai cu mari litere mari. Acțiune: panică și se pensioneze / angaja o sută de oameni și să înceapă să rescrieti manual script-ul titluri / scriere care se va transforma peste întreaga bază de date (în același timp, de câteva ori supraîncărca serverul avut timp de reacție de bază în sine :)) și schimba / caracterul. / utilizați proprietatea text-transform în locul corect al șablonului CSS și rezolvați problema în câteva minute. Și când a doua zi clientul va cere să aducă înapoi, nu doriți să caute o frânghie cu săpun, pentru că va fi suficient pentru a schimba doar o proprietate în generatorul de model. Există mai multe exemple. Într-un cuvânt - un lucru util, nu uitați de această proprietate.

    De data asta totul te va vedea curând.







    Pagina anterioară

    Pagina următoare

    Trimiteți-le prietenilor: