Измамник Лим: Како да се вовлекува текст CSS

Веб ресурс ценети од страна на корисниците за својата визуелна жалба. Затоа, дури и корисни информации во текстот не може да се прочита се должи на фактот дека тоа е лошо дизајниран. Заклучок - потребата да се внимателно и внимателен не само на семантичката содржина на страниците, но исто така и со визуелна презентација. Доаѓањето на CSS технологија за зголемување на можноста за создавање на атрактивна статии. Една од особините, наменети за олеснување на перцепција на писмени - алинеја CSS текст.

Маргина и баласт: Што е разликата?

Пред да почнете да го форматирате текст, треба да се разбере она што на маргините и баласт. И покрај фактот дека овие елементи за обележување во некои случаи изгледаат исти за корисникот, постојат фундаментални разлики меѓу нив:

• поле поставува баласт имот, алинеја - маргина;
• поле се определува со јазот меѓу содржината и границата на блок, простор - меѓу границите на соседните блокови;
• поле може да се смета како елемент во големината (ширина и висина) и бр.

маргина имот

Значи, да се постави во хоризонтален или вертикален текст Соочи CSS, користете маргина на дизајн. Овој имот се однесува на тагот

став господар документ. Во наједноставен случај, тоа може да се запише како:

маргина: 12px.

Оваа линија значи дека околу еден блок од текст (или некој друг блок) на сите страни е ставен во вовлекување 12 пиксели. За да се зголеми интервал, на пример, три пати е доволно да се напише:

маргина: 36px.

Но, што ако помеѓу блоковите на интервал треба да биде различен за секоја страна? Веб програмерите користат неколку форми на записи:

1. маргина: 11px 22px.
2. маргина: 11px 22px 33px.
3. маргина: 11px 22px 33px 44px.

Во првиот пример, вовлекувањето 11 пиксели се направени од долните и горните граници на блокот, на двете страни на блок - од 22 пиксели. Според втор рекорд единица помеѓу горниот раб и содржината ќе биде 11 точки, меѓу пониската - 33 точки на секоја страна - од 22 пиксели. Во алинеја текст третиот случај CSS ќе имаат вредност од 11 пиксели од врвот, од десната страна 22 пиксели, 33 пиксели и 44 пиксели од долниот лев агол.

Исто така на располагање е можноста за снимање на оддалеченост од границата на блок само на едната страна: маргина-топ, margin-bottom , маргина-лево, маргина-десно. Преведување на имињата на имот во рускиот јазик, тоа е лесно да се погоди за нивното именување. На пример, по влезот покажува дека вовлекување на правото ќе биде еднакво на 22 пиксели:

маргина-десно: 22rh.

За преостанатото растојание околу страни на блок се претпоставува дека е еднаква на вредноста на елементот родител.

Маргина на имотот има карактеристики кои инвеститорот треба да се сети кога се користи CSS текст вовлечен вертикално. Интервали на соседните елементи не се сумираат и надредениот на едни со други. На пример, да претпоставиме дека една од единиците има margin-bottom: 15px, а под соседните блок margin-top: 35px. Училиште аритметички и здравиот разум диктира дека вкупниот растојание помеѓу нив ќе биде 50 пиксели. Во пракса тоа не е. Блокирањето со голема вредност на маргина имот "проголта" неговиот сосед. Како резултат на тоа, интервал помеѓу елементите е 35 пиксели.

линија "Red"

Изработка на документот во текст едитор, корисниците преферираат да побара секој нов став со "црвените" линија. Користење на CSS текст алинеја на левата страна е лесно да се направи - употреба на текст алинеја дизајн. напишано вака:

текст алинеја: 11px.

Тоа е првата линија на став се префрли во однос на левата маргина од 11 пиксели. Да се направи текст на веб-страница изгледаше повеќе како документ во уредувачот, треба да инсталирате дополнителни оправдување, тоа е, пишува:

текст алинеја: 11px;

текст-align: оправда.

Во прилог на пиксели, во описот на употреба на други Селектирај единици - инчен тврди проценти. Нека единица има CSS текст вовлекување на 10%. Кога ширина на блок од 500 пиксели, црвената линија ќе биде 50 пиксели (10% од 500).

За овој имот може да бидат изложени вредност наследат. Овој запис вели дека уредот користи сличен имот на единицата родител.

текст алинеја: наследат.

Изненадувачки, вовлекување може да се земе на негативни вредности! Во овој случај, проекциите се формирани од страна на т.н., тоа е основниот текст останува во место, и на првата линија се префрли на лево од 22 пиксели:

текст алинеја: -22px.

Буквите не се донесени во текот на левата граница на прелистувачот, во прилог на текстот-алинеја треба да се користи да се дефинира структурата на полето:

Соочи-лево: 22px.

корисни совети

Основните својства на CSS за форматирање на текст се разгледуваат. И да ги поправам помош пракса. Еве неколку совети за тоа како конечна да ги применуваат научените материјал во Веб развој:

• црвена линија и вовлекувањето на текст - различни концепти, како и различни својства се користи за нивните насоки;
• вертикална правила вовлекување не се применуваат математика - интервали се преклопуваат, "победи" елемент со поголема вредност;
• негативно вовлекување користи за означување на првата линија на ставот со сликата.