Cheat Sheet: Kaip įtraukos tekstas CSS

Interneto išteklių vertinamas vartotojų dėl savo patrauklumo. Todėl, net naudinga tekstinę informaciją negali būti skaityti dėl to, kad ji prastai suprojektuota. Išvada - reikia atidžiai ir dėmesingai ne tik semantinio turinio puslapius, bet ir jo vizualinio pateikimo. CSS technologijų atėjimas padidino sukurti patrauklią straipsniai galimybę. Vienas iš savybių, skirtų palengvinti raštiško suvokimą - įtraukoje CSS tekstą.

Marža ir apdaila: kas yra skirtumas?

Prieš pradėdami formatuoti tekstą, jums reikia suprasti, kas maržas ir padding. Nepaisant to, kad šie žymėjimo elementai kai kuriais atvejais atrodo vienodai vartotojui, yra esminių skirtumų tarp jų:

• srityje nustato apdaila objekto įtrauka - maržą;
• laukas yra nustatomas pagal tarpo tarp turinio ir bloko ribos, kosmoso - tarp gretimų blokų ribų;
• srityje gali būti laikoma vienu dydžio elemento (plotis ir aukštis) ir Nr.

marža turtas

Taigi, norint nustatyti horizontalią ar vertikalią apdaila CSS tekstą, naudokite dizaino maržą. Šis viešbutis taikoma žyma

meistras dalis dokumentą. Paprasčiausiu atveju, tai gali būti parašytas kaip:

margin: 12px.

Ši linija reiškia, kad aplink teksto (arba bet kurios kitos bloko) iš visų pusių bloko yra dedamas į išpjovą 12 taškų. Norėdami padidinti intervalą, pavyzdžiui, tris kartus yra pakankamai rašyti:

margin: 36 piksel.

Bet kas, jei tarp intervalo blokai turėtų būti skirtingi kiekvienoje pusėje? Interneto svetainių kūrėjai naudoti keletą formų įrašų:

1. margin: 11px 22px.
2. margin: 11px 22px 33px.
3. margin: 11px 22px 33px 44px.

Per pirmąjį Pavyzdžiui, įdubimas 11 taškų yra pagaminti iš apatinės ir viršutinės ribų blokas, ant bloko pusių - 22 taškų. Pagal antrą įrašų vieneto tarp viršutinio krašto ir turinys bus 11 taškų, tarp apatinės - 33 pikselių kiekvienoje pusėje - 22 taškų. Trečiuoju atveju CSS įtraukos tekstas turės vertę 11 taškų iš viršaus, dešinėje pusėje 22 taškų, 33 taškų ir 44 taškų iš apačios kairėje.

Taip pat prieinama yra galimybė įrašyti atstumą nuo bloko riba tik iš vienos pusės: margin-viršų, margin-bottom , marža kairę, margin-dešinėje. Versti iš rusų kalbos savybių pavadinimus, tai lengva atspėti apie jų paskyrimą. Pavyzdžiui, toks įrašas rodo, kad įdubimas dešinėje bus lygus 22 taškų:

margin-dešinę: 22rh.

Likusiam toli aplink bloko prielaida pusių, kad būtų lygus nuo pirminės elemento vertę.

Marža nuosavybė turi funkcijas, kad kūrėjas turi prisiminti, kai naudojant CSS teksto įspaudžiami vertikaliai. Intervalai gretimų elementų yra nesumuojamos, ir uždėtų vienas ant kito. Pavyzdžiui, tarkime, kad vienas iš padalinių turi margin-bottom: 15px, o žemiau gretimų blokų margin-top: 35px. Mokykla aritmetinis ir protas diktuoja, kad bendras atstumas tarp jų bus 50 taškų. Praktiškai tai nėra. Blokas su dideliu turto vertę maržos «kregždė" savo artimui. Kaip rezultatas, tarp elementų intervalas yra 35 taškų.

"Raudona" linija

Priėmimo dokumentą į teksto redaktorius, vartotojai nori paklausti kiekvieną naują pastraipą su "raudonas" linija. Naudojant CSS teksto įtrauką kairėje yra lengva padaryti - naudoti teksto įtrauka dizainą. Parašyta tai, kaip šis:

teksto įtrauka: 11px.

Tai yra pirmoji pastraipos eilutė perkeliama, palyginti su kairiosios paraštės 11 taškų. Padaryti tekstą į tinklalapį atrodė daugiau kaip dokumento redagavimo, jums reikia įdiegti papildomą pagrindimą, tai yra, rašo:

teksto įtrauka: 11px;

text-align: pagrįsti.

Be pikselių, atsižvelgiant į kitų žymėjimo vienetų naudojimo aprašymas - colių teigia proc. Tegul vienetas turi CSS teksto įdubimas 10%. Kai apie 500 pikselių bloko plotis, raudona linija bus 50 taškų (10% nuo 500).

Dėl šio objekto gali būti eksponuojami vertės paveldėti. Šis įrašas sako, kad įrenginys naudoja panašų turtą patronuojančios vienetą.

teksto įtrauka: paveldėti.

Keista, kad įdubimas gali imtis neigiamų reikšmių! Šiuo atveju prognozės yra formuojamas vadinamasis, kad yra pagrindinis tekstas lieka vietoje, o pirmoje eilutėje yra perkeliama į kairę iki 22 taškų:

teksto įtrauka: -22px.

Raidės nėra perėję kairėje sienos naršyklėje, be teksto įtrauka turi būti naudojamas apibrėžti šios srities struktūrą:

apdaila-left: 22px.

Naudingi patarimai

Pagrindinės savybės CSS formatavimas teksto yra laikomi. Ir nustatyti jiems padėti praktiką. Štai keletas galutiniai patarimai, kaip taikyti išmoktą medžiagą interneto svetainių kūrimas:

• raudona linija ir teksto įdubimas - skirtingų koncepcijų ir skirtingų savybių, naudojamų dėl jų rekomendacijas;
• vertikalios Įtraukos taisyklės netaikomos matematika - intervalai persidengia "laimi" elementas su didesniu vertės;
• neigiamas įdubimas naudojamas nurodyti pirmą eilutę iš dalies su vaizdu.