Levél szövegrészlet felhasználásával css
Snippet: Letter szöveg CSS
Nemrég volt egy esélyt, hogy dolgozzon egy egyszerű, reprezentációs oldalt regionális könyvtár. Az ügyfél akart lásd a kezdőbetűk a címben mindegyikre. Ways, hogy kezdeti betű ismert hosszú idő és jól megalapozott, úgy, hogy a végrehajtás a munka nem nehézségek merültek fel. A munka elvégzése után, úgy döntött, nem dobja el abba az irányba, az anyag, és töltsétek be a gyűjtemény töredék a blogjában, és a folyamat, hogy elmondja (emlékeztesse) az olvasók ma elérhető, hatékony végrehajtási módszereket kezdőbetűiből a szövegben a CSS segítségével.
Azok számára, akik nem egészen a témában, azt fogja magyarázni, mi az a „levél” egy csoda. Letter vagy egy másik kezdeti vétel ilyen művészi design nagybetűs szöveg, amely minden bizonnyal mindenki számára ismerős a nyomtatott média, ez egy kibővített első levél, díszített miniatűr és dísztárgyak. Egy ilyen csodálatos vétel pumpált web tipográfia és széles körben használják a különböző formákat.
Egyszerűen növelése az első betű egy bekezdés vagy egy szót, ez a legismertebb változata a design. Egy érdekes megoldás, amikor az alapvonalat megnövekedett betű alatt van egy vagy több sor az alap vonalak a fő szöveg, és nem csak egy kibővített karakter, levél, ebben az esetben nem áll ki a blokk fölött a szöveg és a részét képezi, igazodik a bal szélén, áramvonalas szöveget.
Mint már említettük, számos különböző módon lehet létrehozni leveleket.
először módon, hogy egy művészi megközelítés segítségével számok igazodik a bal oldalon. Eljárás hatékony és munka, az eredmény nagyon szép, de ha a levél használják elég gyakran a helyszínen, minden egyes új, akkor kell készíteni egy külön képet, akkor egyetértek, nem nagyon kényelmes és praktikus. Részletes, ez a módszer nem tekinthető, mivel a rendszer ugyanaz, mint amikor a beépített miniatűr szöveget.
A Tóra módszer sokkal érdekesebb, legalábbis nekem, c a CSS tulajdonságok és további ál. első gyermek, és: first-letter. A meglehetősen hosszú idő, lehetséges volt létrehozni egy iniciálé nem a forma a kép, és mint egy egyszerű szöveges, a növekedés a bázis font. Egy ilyen folyamat nagyjából jó, ez nem igényel további jelölés és a rendelkezésre álló képek, hozzon létre levelek bizonyos mértékben automatizált. De hátránya, hogy veszített ellenőrzés és zavart okozhat a gyakorlati alkalmazás közvetlenül a rekordokat. Igen, és a típus IE8 alatt és böngészők hibás „észlelés” ál fent említett, kiderül, hogy minden további bekezdések címkével
. jelenik meg a kezdőbetűt, de ez nem mindig szükséges a számunkra))).
Ami a szöveget, akkor csatlakoztassa nem szabványos script dísz például a cikket, és „demo” Régebben a standard „Georgia” nélkül sallang.
T Rety módon valószínűleg még meg kell tenni az első helyen, hiszen bizonyított az évek során, és teljesen cross-browser megoldás. Tekintettel arra, hogy nem mindig és nem minden esetben a használata „betűk” kereslet és indokolt, akkor jobb használni a módszert további jelölések. Például az első betűjét span szakasz lezárja a tag egy adott osztály, és közvetlenül a .css. felírni a szükséges akkor tulajdonságokkal, alkotó megjelenése nagybetűvel (méret, szín, hely, stb) számára ebben az esetben, akkor átveheti az irányítást a létrehozása betűk pontosan hol kell, vagyis az abban a bekezdésben, amely a jelenléte szükséges leveleket.
Itt van, hogyan fog kinézni az egyszerű CSS kódot kezdőbetűiből további tartály:
Mint látható, nagyon egyszerű, hozzunk létre egy külön osztályt többé-kevésbé ésszerű és logikus nevét, azt nem képzelet itt, például, kisajátította a neve .firstletter. választhat bármilyen más, fontos, hogy valahogy célját jelöli. Ezután folytassa a kialakulását a jövőben megjelenése a levelek, használjon CSS3 tulajdonságok ma elérhető. Biztos vagyok benne, egy kis fantázia és van sok különböző változatai „kezdőbetűk.”
Annak érdekében, hogy írjon egy oldal van, „levél”, annak minden dicsőség, még mindig csak a kívánt levelet, ebben az esetben az eredeti levél a bekezdés, tedd egy további tartály, itt ezt a szerepet, akkor a címke . előre definiált osztály class = "firstletter". és az összes szöveg a bekezdés nyilvánvaló lesz, és több mint jelezzük.
CCSS segítségével tulajdonságait.
Természetesen semmi új nem fedezték fel, de szükséges néha felidézni a jól elfeledett régi. A szöveg a használt cikkek mindhárom módon létrehozni betűkkel a szövegben. Remélem, ezek a rövid kis darab kódot megtalálja a helyét a súlyos kiságy napi munkát.
Üdvözlettel, Andrew