Litere mari css

Scrisoare inițială

Capul de decupare este prima literă a paragrafului, care este mai mare decât celelalte și plasată astfel încât vârful său să fie la nivelul primei linii a paragrafului. În imagine puteți vedea un exemplu de scrisoare gravată în text.







Apropo, există un WordPress plugin special (wordpress.org/extend/plugins/drop-caps), care vă permite să genereze automat încorporate în text (și mutat în jos) capace. Minunat! Cu toate acestea, dacă nu doriți să utilizați pluginul (sunt sigur că nu vreți să faceți asta) și trebuie doar să creați un plafon pentru mai multe postări și poate într-un anumit loc?







Vestea bună: pentru a crea litere mari nu este nevoie să aplicați plugin-ul, tot ce aveți nevoie este un pic de css și o etichetă de span. Deschideți fișierul css și adăugați următorul cod:

Cumva. Desigur, veți avea nevoie de un stil care să se potrivească designului și textului. De exemplu, valorile proprietăților: dimensiunea fontului. marginile și înălțimea liniei vor fi selectate pe baza designului și a textului.

Pentru ca stilul să fie aplicat literei majuscule a textului, este necesar să "înfășurați" litera majusculă în eticheta de marcare și să înregistrați clasa corespunzătoare.

Pseudo-element: prima literă

De asemenea, puteți seta stilul la primul caracter din text utilizând pseudo-elementul: prima literă. Cu toate acestea, puteți aplica un număr limitat de proprietăți elementului pseudo-element din prima literă: acestea sunt proprietăți legate de font, culoare, fundal, margini, margini și liniuțe. Trebuie de asemenea remarcat faptul că pseudo-elementul: prima literă nu va funcționa în browserele mai vechi.

Aici, de fapt, câteva metode pentru editarea literelor mari folosind CSS.







Articole similare

Trimiteți-le prietenilor: