A CSS-ben nincs cap clause opció. A szövegtranszformációt javasoló egyéb válaszok: a nagybetűk hibásak, mert ez a beállítás használja minden szót minden szóért .
Itt durva Ennek egyik módja, ha azt szeretné, hogy az egyes elemek első betűje nagybetű legyen, de ez egyáltalán nem közelíti meg a tényleges határt:
P (szöveg-transzformáció: kisbetű; ) p:first-letter ( szöveg-átalakítás: nagybetű; )
EZ EGY PÉLDAMONDAT.
EZ EGY MÁSIK PÉLDA MONDAT. ÉS EZ IS MÁS, DE TELJESEN KISBETŰ LESZ.
Hogyan lehet a NAGYBETŰ betűket kisbetűvé és az első nagybetűket átalakítani minden mondathoz, csak az alábbiak szerint CSS használatával?
Feladó: EZ EGY MINTA ALKALMAZÁS.
Címzett: Ez egy mintamondat.
Frissítés: text-transform használatakor: capize; Az eredmény továbbra is ugyanaz.
Ezt pusztán CSS-sel nem tudod megtenni. Létezik egy text-transform attribútum, de csak az egyiket sem fogadja el , a nagybetűket , a nagybetűket , a kisbetűket és az öröklődést.
Érdemes lehet JS-megoldást vagy szerveroldali megoldást keresni.
Ha az összes karaktert kisbetűssé tudja tenni a szerveren, mint az alkalmazható:
Szövegátalakítás: nagybetűvel
Nem hiszem, hogy a szövegátalakítás működni fog nagybetűvel bemenetként.
Ha azt szeretné használni, ez nem fog működni, vagy textarea, Javascriptet kell használnia
függvény capitaliseName() ( var str = document.getElementById("név").érték; document.getElementById("név").value = str.charAt(0).toUpperCase() + str.slice(1); )
aminek jól kell működnie vagy
A CSS lehetővé teszi az előállítást rugalmas konfiguráció szöveg, amely a HMTL nyelven van ábrázolva. Ma megvizsgáljuk a "text-transform" tulajdonság hatását, amely lehetővé teszi a betűtípus kis- és nagybetűjének megváltoztatását. Ezt a lehetőséget mindenki támogatja modern böngészőkés a CSS összes verziójának specifikációjában szerepel.
Célja
A "text-transform" tulajdonság három fő értéket és két további értéket vehet fel. Például az összes kijelölt szöveghez nagybetűt rendelhet. Vagy adhatunk az előző tulajdonsággal ellentétes parancsot, ahol minden karakter kisbetűvé válik. Bármilyen, Önnek megfelelő módon egyeztethet időpontot. Például soron belüli stílusok használata. Vagy létrehozhat
Külön fájl az összes tulajdonság leírásával. Ön dönti el, hogy melyik hozzárendelési módot használja. A "text-transform" a következő értékeket veheti fel:
Alkalmazás
A CSS-ben a nagybetűk (vagy hasonló hatások) egyetlen egyszerű paranccsal állíthatók be. Ezért nincs szükség a teljes szöveg megváltoztatására vagy átírására. Ha beszélgetünk egy oldalas webhelyről, akkor lehet, hogy ez a tulajdonság nem lesz hasznos. De ha van egy hatalmas portál az irányítása alatt, ahol bizonyos töredékekben javítani kell a betűk kis- és nagybetűit, akkor a "szövegátalakítás" lesz az egyetlen hatékony eszköz. Például javítania kell a betűtípust a "h2" címcímkékben. Ehhez adja hozzá a következő bejegyzést: "h2 ( text-transform: largecase; )", és ekkor minden másodszintű címsor nagybetűs lesz.
Sajátosságok
Egyesek azt gondolhatják, hogy a szöveg kézi feldolgozása és a betűtípus módosítása a "text-transform" tulajdonság használatával nem számít. De nem az. Ha manuálisan nagybetűre (nagybetűre) változtatja, akkor az információ webhelyről történő másolásakor a karakterek változatlanok maradnak. Ha a CSS nyelvet használja, akkor minden másképp történik. A "text-transform" tulajdonság csak vizuálisan változtatja meg a felhasználók betűtípusát. A valóságban azonban a szimbólumok változatlanok maradnak. Ez az ingatlan minden értékével megtörténik. A másolt információnak (szövegnek) az eredeti kis- és nagybetűje lesz, amelyben használatos forráskód oldalakat. Ez az egyetlen különbség a kézi feldolgozás és a CSS-parancsok használata között.
Nem mindegy, hogy melyiket szeretnéd használni – kisbetűt vagy nagybetűt, a lényeg, hogy ne felejtsd el a célt. Például, ha csak dekorációs célból van szüksége változtatásokra, akkor nyugodtan használhatja a "text-transform" tulajdonságot. Nos, ha tudja, hogy a felhasználók valószínűleg másolni fogják az Ön által közzétett információkat, akkor a legjobb, ha manuálisan módosítja az összes szöveg kis- és nagybetűjét. Valójában az olvasók néha nem veszik észre a betűtípus ilyen helyettesítését. Ez különösen fontos, ha fontos dokumentumokról és hasonló információkról van szó.
A szöveghez viszonyított index a karakterek eltolása az alapvonalhoz képest felfelé vagy lefelé. Az eltolás pozitív vagy negatív értékétől függően az indexet felső, illetve alsó indexnek nevezzük. Aktívan használják a matematikában, a fizikában, a kémiában és a mértékegységek jelölésére. A HTML két elemet kínál az index létrehozásához: (angol felső indexből) - felső index és (angol alsó indexből) - alsó index. Az egyik ilyen tárolóba helyezett szöveget az alapszövegnél kisebb méret jelzi, és ahhoz képest felfelé vagy lefelé mozog. Az 1. példa mutatja megosztás a megadott elemeket és stílusokat a szöveg megjelenésének megváltoztatásához.
1. példa: Felső index és alsó index létrehozása
Felső index és alsó index .formula ( font-size: 1.4em; /* Képlet szöveg mérete */ ) sup, sub ( betűstílus: dőlt; /* Dőlt */ szín: piros; /* Karakterszín piros */ ) sub ( szín: kék; /* Kék karakterszín */ )
A másodfokú felület jellemző egyenlete
λ3 - I1λ2 + I2λ - I3 = 0
A példában az alsó és felső index egy időben fordul elő. Az index betűstílusának megváltoztatásához olyan stílusokat alkalmazunk, amelyek egyetlen tervet határoznak meg (1. ábra).
Rizs. 1. Az indexek megjelenése stílusok alkalmazása után
Általában megtagadhatja a használatát, és támogathatja a stílusokat. Ezeknek az elemeknek analógja a függőleges igazítás tulajdonság, amely a szöveget egy adott távolsággal függőlegesen mozgatja. A 2. példa a 0,8em értéket használja felső indexés -0,5em az alsó. Az Em egy relatív egység, amely megegyezik az aktuális betűtípus méretével. Például a 0,5 em azt jelenti, hogy a szöveget a betűméret felével kell eltolni.
2. példa: Stílusok használata indexek kezelésére
Felső index és alsó index .formula ( font-size: 1.6em; /* Szövegméret */ font-style: dőlt; /* Dőlt */ ) .sup, .sub ( betűstílus: normál; /* Normál * / font- méret: 0,6 em; /* Index mérete */ szín: piros; /* Felső index színe */ függőleges igazítás: 0,8 em; /* Szöveg eltolása felfelé */ ) .sub ( szín: kék; /* Színes alsó index */ függőleges -align: -0.5em; /* Szöveg eltolása lefelé */ )
n fokú polinom
f(x) = a0 + a1 x + ... + an-1 xn-1 + an xn
A példában maga a képlet nagyított méretben jelenik meg, a felső indexek pirosra, az alsók kékre vannak állítva (2. ábra).
Az utolsó oktatóvideóban megtanultuk, hogyan lehet törölni és új információkat hozzáadni új verzió HTML dokumentumot, miközben ezt jelenti kereső motorokés vizuálisan kiemelve, hogy a látogatók is láthassák a változásokat. Ehhez a del és ins címkéket használtuk.
Ebben az oktatóvideóban folytatjuk a szöveg formázását egy HTML-dokumentumban. Megismerkedünk két HTML címkével, amelyek a szöveg felső és alsó indexét jelzik.
A sup HTML címke a HTML szöveg felső indexe.A HTML-címke a HTML-ben található szöveg felső indexének jelzésére szolgál. A webhelyek egyes témáiban ez a címke egyszerűen nélkülözhetetlen. Például, ha van vagy tervez egy webhelyet, amely bármilyen matematikai vagy kémiai képlethez kapcsolódik. Vagy ha van építkezés, akkor a címke nagyon hasznos lesz, és segít a cikkek megtervezésében, képletek vagy bármilyen mennyiség írásakor, például négyzetméter építési témákban.
De ha webhelye nem tartozik a felsorolt témákhoz, ez nem jelenti azt, hogy a címke nem hasznos. Elég csak fantáziát és találékonyságot mutatni, és ennek az elemnek a felhasználását megtalálni.
A HTML-alcímke a HTML-ben található szöveg alsó indexe.Ami a HTML-címkét illeti, az ellentéte a címkével, és felelős a szöveg alsó indexének meghatározásáért. Az alsó index használható képletek vagy matematikai egyenletek írásakor. De ezen kívül talán más felhasználási módokat is találhat a címkének.
A következő videóleckét további két címkének szenteljük, amelyek bizonyos helyzetekben egyszerűen pótolhatatlanok lehetnek. Sőt, nemcsak a szöveget tudják formázni, például egy cikkben, hanem akkor is, ha különféle információkat adnak meg a webhelyen az oldalelrendezés során. Az egyik címke HTML-be burkol, a második pedig vízszintes vonalat húz.
A címke alsó index szövegét határozza meg. Az alsó index szövege a magasság fele, és az alapvonal alatt jelenik meg. Az alsó index kémiai képletek írásakor használható, például H 2 O.
A címke a felső index szövegét határozza meg. A felső index szövege a magasság fele, és az alapvonal felett jelenik meg. A felső index használható lábjegyzetek írásakor, például WWW .
Böngésző támogatásA és címkéket minden nagyobb böngésző támogatja.
Különbségek a HTML és az XHTML szabványos attribútumok közöttA DTD oszlop jelzi, hogy melyik dokumentumtípusban engedélyezett a HTML 4.01/XHTML 1.0 DTD attribútum. S = szigorú, T = átmeneti és F = keretkészlet.
A és címkék a következő szabványos attribútumokat támogatják:
| osztály | osztály név | Megadja az elem osztálynevét | STF |
| dir | rtl ltr |
Meghatározza az elemben lévő tartalom szövegének irányát | STF |
| id | azonosító | Egyedi azonosítót ad meg egy elemhez | STF |
| nyelv | nyelvi_kód | Megadja az elem tartalmának nyelvi kódját | STF |
| stílus | style_definition | Meghatározza az elem belső stílusát | STF |
| cím | szöveg | Azt jelzi További információ az elemről | STF |
| xml:lang | nyelvi_kód | Megadja az XHTML dokumentumok elemeinek tartalmának nyelvi kódját | STF |
További információ a szabványos attribútumokról.
EseményattribútumokA és címkék a következő eseményattribútumokat támogatják:
| kattintásra | forgatókönyv | Az egérkattintással futtatható szkript | STF |
| ondblclick | forgatókönyv | Dupla kattintással futtatható szkript | STF |
| az egér lefelé | forgatókönyv | Az egérkattintással futtatható szkript | STF |
| onmousemove | forgatókönyv | Az egér mozgatásakor futtatandó szkript | STF |
| on mouseout | forgatókönyv | A parancsfájl akkor fut, amikor az egérmutató elhagyja az elemet | STF |
| az egér felett | forgatókönyv | Szkript, amely akkor fut, amikor az egeret egy elem fölé viszi | STF |
| egérrel | forgatókönyv | Az egérgomb felengedésekor futtatandó szkript | STF |
| onkeydown | forgatókönyv | Billentyűnyomásra futtatható szkript | STF |
| onkeypress | forgatókönyv | Egy billentyű lenyomásakor, majd elengedésekor futtatandó szkript | STF |
| on-keyup | forgatókönyv | A kulcs felengedésekor futtatandó szkript | STF |
További információk a
