Cum de a face o scrisoare de capital folosind CSS, proiectarea și dezvoltarea unui site

Cum de a face o scrisoare de capital folosind CSS, proiectarea și dezvoltarea unui site

Orei bune din timpul zilei. 🙂

Anterior, a fost posibilă realizarea unei introduceri numai cu inserarea imaginii pe care a fost scrisă litera, sub forma dorită. Acum toate acestea sunt posibile, pur și simplu folosind CSS. Prima litera a pseudo-elementului ne va ajuta. care definește prima literă. Arata cam asa:





Să luăm de exemplu un bloc cu conținutul clasei. În interiorul acestuia va exista text care este fragmentat în paragrafe de etichete

. Să specificăm stilurile primei litere din paragraf și, așa cum am scris mai devreme, să alocăm pseudo-elementului de literă de primă litera. Codul final va arata cam asa:

Fiecare primă literă din paragraf va fi sub forma unui capac de picătură. Stiluri pentru scrisori, vă puteți prescrie, bineînțeles, propriul dvs., în funcție de stilul site-ului și de dorința dumneavoastră.

Pentru a seta litera inițială numai la începutul articolului, adică doar o singură literă și toate, atunci trebuie să închideți un singur paragraf în bloc.

Există încă un truc, că pe pagină există o singură literă. Dar din anumite motive nu funcționează întotdeauna și nu peste tot. De exemplu, am lucrat numai în WordPress. Pentru a nu include textul unei intrări de fiecare dată în etichete, folosesc aproape aceeași metodă, dar atribuie două pseudo-elemente simultan: prima literă și: primul-copil. În subiectul în sine, în fișierul single.php. trebuie să găsiți linia cu apelul funcției:

Și ca în primul exemplu, închideți-l într-un bloc prin atribuirea unei clase. În WordPress, paragrafele sunt închise în mod implicit în etichetă

. astfel încât stilurile sunt după cum urmează:

După cum puteți vedea, nu este nimic greu să creați un dropship în interiorul intrărilor pe site.

Asta e tot, vă mulțumesc pentru atenția acordată. 🙂

Dacă ai putea folosi munca mea, poți susține site-ul :)

Bună dragă prietenă

Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă și, prin urmare, contribuiți la dezvoltarea acestuia. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră

Articole similare