Hogyan készítsünk egy iniciálé a CSS, a tervezés és fejlesztés a helyszínen
Jó napot kívánok. 🙂
Korábban úgy volt lehetséges, hogy egy iniciálé csak beilleszteni a képet, amelyen volt festve a levél, a megfelelő formában. Most mindez lehetséges csak a CSS segítségével. Segíts, hogy ál-first-letter. amely meghatározza az első levél. Úgy néz ki, mint ez:
Vegyük például a blokk tartalmát osztályban. Belül ez a szöveg ami fel van osztva a fenti tag
. Nézzük rámutatnak stílusok az első betű a bekezdésre, és mint írta korábban, rendeljen egy ál-first-letter. Ready kód így néz ki:
Mind az első betű a bekezdés lesz a levél formájában. Stílusok betűk biztosan felírni a saját, attól függően, hogy a stílus a helyszínen, és a vágyakat.
Hogy csak a iniciálé elején a cikk, hogy csak egy levél, és minden, akkor kell bezárni egy mondatban csak egy bekezdés.
Van egy másik trükk, hogy csak egy levél az oldalon. De valamilyen oknál fogva ez nem mindig működik, és nem mindenhol. Például, én csak akkor működik a WordPress. Minden egyes alkalommal, hogy nem adja tag rögzíti a szöveget, azt használja szinte ugyanazt a módszert, de én csak két megfelelő ál -: first-letter és: first-child. A téma maga a single.php fájlt. meg kell találni a vonalat a függvényhívás:
És mint az első példában, hogy helyezze azt a blokkot hozzárendelésével osztályban. A WordPress, az alapértelmezett bekezdések zárt tag
. úgy, hogy a stílusok kapunk itt, mint:
Mint látható, semmi sem nehéz létrehozni egy iniciálé a rekordok online.
Ez minden, köszönöm a figyelmet. 🙂
Ha hasznos volt a munkámhoz, támogatni tudja a helyszínen :)
Szia kedves barátom
Van AdBlock telepített bővítmény vagy hasonlók. Add oldalamon a fehér listát, és így vnesesh hozzájárulnak kialakulásához. Arról, hogy hogyan tiltsa AdBlock szeretné ezt az ablakot