Sziasztok a blog olvasói. Ma arról fogok beszélni, hogyan lehet css-n keresztül csupa nagybetűt írni. Természetesen ehhez bekapcsolhatja a Caps Lock-ot és beírhatja a kívánt szöveget, de ez egy meglehetősen primitív módszer. De mi van akkor, ha egy már kész cikkben külön bekezdést kell kiemelni?
Erre van egy szövegtranszformációs tulajdonság, ami, kitaláltad, átalakítja a szöveget. A következő értékekkel rendelkezik:
Valójában itt van minden, amit tudnia kell. Csak meg kell érteni, hogyan lehet elérni a kívánt elemet. Képzeljük el ezt a példát: azt szeretné, hogy egy cikk ötödik bekezdése csupa nagybetű legyen. És hogyan lehet ezt megtenni?
Mint ismeretes, egy bekezdés párosított html tag segítségével jön létre, amelynek teljes tartalma bekezdéssé válik. Már csak egy új stílusosztályt kell beállítania:
Most lehetőségünk van a css nyelven keresztül hivatkozni erre a bekezdésre anélkül, hogy a többit befolyásolnánk. Ezt így teheti meg:
nagybetű(
szöveg-transzformáció: nagybetűk;
}
Ez a módszer akkor megfelelő, ha egy töredéket külön cikkben kell kiemelnie. Mi van, ha minden oldalnak ilyennek kell lennie konkrét szöveg nagybetűvel. Ebben az esetben jobb, ha a blokkot a sablonfájlba helyezi, hogy ne írja ki minden alkalommal.
Vagy lehet, hogy minden cikkben ki kell emelnie a második bekezdést nagybetűs css használatával. Akkor van egy másik lehetőség az Ön számára. Keresse meg a cikket megjelenítő blokkot, és tekintse meg a második bekezdést az n-edik gyermek pszeudoosztály használatával. BAN BEN ezt a példát Cikkblokkunk tartalmazza a cikkosztályt.
cikk p:n-edik gyermek(2)(
Szövegátalakítás: nagybetűk
}
Mint látható, minden esetnek megvan a maga megoldása. A legfontosabb dolog, amit meg kell jegyeznünk, a text-transform tulajdonság, amely megváltoztatja a betűk kis- és nagybetűjét.
Általánosságban elmondható, hogy a kimeneti szöveg ilyen módon történő használata nem javasolt, mert ez nagymértékben rontja annak érzékelését, de néhány különösen fontos töredék megkülönböztethető.
Ma a text-transform tulajdonsággal foglalkoztunk. Iratkozzon fel a blogra, hogy új cikkeket kapjon.
Lehetővé teszi a szöveges betűk kis- és nagybetűinek megváltoztatását.
Az alapértelmezett érték a none , ami nincs hatással a szövegre. A szöveg kis- és nagybetűje változatlan marad. A nagy- és kisbetűs értékek a karaktereket nagy- és kisbetűvé alakítják. Ha nagybetűt ad meg, akkor az egyes szavaknak csak az első karakterei lesznek nagybetűsek. Az Inherit örökli a szülő értékét.
Ebben a bekezdésben a Szövegtranszformációs tulajdonság kisbetűre van állítva, ami azt jelenti, hogy minden betű kisbetűs lesz.
És ennek az utolsó bekezdésnek van egy text-transform tulajdonsága, amely a CAPITALIZE tulajdonsággal együtt van alkalmazva. Minden szó első betűi nagybetűk lesznek, és csak azok.