css intervallum
CSSinterval - tudjuk, hogy a használata Cascading Style Sheets számunkra nagy lehetőségeket, hogy ellenőrizzék a tulajdonságait elemei weboldalakat.
Ebben a cikkben nézzük meg néhány módszer, hogy ellenőrizzék a szöveges elemeket használó CSSintervalov.
Ha hozzá szöveget html oldalon a webhelyen, akkor használja a blokk tag, általában egy DIV vagy P blokkok.
Általános szabály, hogy vagyunk elégedve a kimeneti beállításokat a szöveges tartalom az oldalakon telephelyünkön, a DIV és a P blokkok meghatározott alapértelmezett stíluslapot.
De néha, ha hozzá szöveget, hogy a lap a helyén van szükség, hogy a szöveg egy kicsit bizonytalan, hogy elmozdulás, hogy módosítsa a szavak közötti távolságot, hogy módosítsa a távolságot a karakterek között, vagy sorokat, hogy van, nem normál módon a szöveg formázására.
De ebben az esetben fogjuk használni CSSintervalov tulajdonságait.
Annak érdekében, hogy vizsgálja felül a munka CSSintervalov gyakorlati példákat hozzunk létre egy fájlt egy nevet, mint a css-space.html és adja hozzá a kívánt html tag:
Most már készen áll a valós példákat, hogy milyen típusú időközönként lehet beállítani a szöveget, és a referencia CSSintervalov lehet használni, hogy formázza a szöveget az oldalon.
Szóval, úgy a stílus az első feladat az intervallum: levél-távolság, amely meghatározza a távolságot az egység szimbólumok. Mi hozzá a mi kísérleti oldalon (a test) a következő kódot:
Szerint a kódot, hoztunk a böngésző oldal div öt blokk, írni-térköz a stílus a blokkokat, mi határozza meg a karakterek közötti távolságot a szöveg, amely hozzáadódik a blokkhoz.
Közötti intervallum szöveges karaktert egyes blokkok más és változik ez az intervallum segítségével a levél-térköz stílusban.
Attól függően, hogy az érték, amely meghatározott pixel, tudjuk meg egy másik karaktert távolság szövegnek a div blokk, ami jól látható a képen:
Megjegyzés: a két utolsó sort, mint látható, a paraméter stílus betű térköz, lehet negatív, ennek következtében a karakterek egymásba futnak.
A következő típusú nyílásba. nézzük meg az intervallum a szavakat egy mondatban. Ezt a stílust hívják: szó-távolság. Hogyan működik ez a stílus nézd meg az alábbi kódot, ami szintén adjunk a mi kísérleti file:
szavak közötti távolságot 0px
szavak közötti távolságot 10px
szavak közötti távolságot 20px
Hozzáadása után a HTML kódot, azt látjuk, hogy a különböző blokkok közötti távolság szó szerint változik a stílus a paraméter értéke szó távolság, amely be van állítva pixel:
És most nézd meg egy példa segítségével a leggyakoribb stílus: line-height, amely meghatározza az oldal helyén távolság a sorok között.
Ehhez, akkor adjunk a mi kísérleti oldal az alábbi kódot:
sorköz 1.5
sorköz 1.5
sorköz 1.5
sorköz 2.5
sorköz 2.5
sorköz 2.5
A példánkban két blokk használjuk a stílus line-height, különböző paraméterekkel, az első esetben a paraméter 1,5, a második 2,5.
Abban az esetben, a stílus line-height, térköz lehet beállítani, hogy az értékeket által kifejezett együtthatóval, képpontban, százalékban, et al.
Ha kinyitjuk a kísérleti fájl böngésző, azt látjuk, hogy a sorköz az első és a második blokkot szerint eltérőek a koefficiens értéke beállítva a line-height stílus:
Érdemes megjegyezni, hogy az összes stílust, hogy mi tekinthető ebben a cikkben, az egységek a paraméterek lehet bármilyen, amelyek engedélyezettek CSS. Lehetőség van használni pixel (képpont), pont (pt) hüvelyk (in) százalék (%), és így tovább.
HTML fájlt, a példa, amit nézett, hogy a CSS időközönként, letöltheti az alábbi linkre: Fájl letöltése css-space.html
Kapcsolódó hírek: