小抄：如何縮進文字CSS

Web資源被用戶所看重它的視覺吸引力。 因此，即使有用的文本信息不能由於它是設計不良的閱讀。 結論 - 需要仔細和周到的不僅是頁面的語義內容，而且它的視覺呈現。 CSS技術的出現增加了創造一個有吸引力的物品的可能性。 其中一個性質，旨在促進書面的感知 - 縮進CSS文本。

margin和padding：有什麼區別？

你開始格式化文本之前，您應該明白邊距和填充。 儘管在某些情況下，這些標記元素看起來是一樣的用戶，它們之間存在著根本的區別：

• 域設置padding屬性，縮進- 餘量;
• 字段由內容和塊邊界，一個空間之間的間隙來確定 - 的相鄰塊的邊界之間;
• 場可以被視為在尺寸的元素（寬度和高度）和沒有。

margin屬性

因此，設置水平或垂直填充CSS文本，使用設計裕量。 此屬性應用於標籤

段落主文檔。 在最簡單的情況下，可以寫為：

保證金：12像素。

這條線是指圍繞在所有側面上的文本（或任何其它塊）的塊被放置在凹口12個像素。 要增加間隔，例如，三次就足夠寫：

保證金：36px。

但是，如果間隔塊之間應該是每邊有什麼不同？ Web開發人員使用幾種形式的記錄：

1. 保證金：11像素的22px。
2. 保證金：11像素的22px 33px。
3. 保證金：11像素的22px 33px 44px。

由22個像素 - 在第一實例中，壓痕11像素從塊的下邊界和上邊界製成，所述塊的側面。 根據上邊緣和內容之間的第二記錄單元將是11個像素，下側之間 - 在每邊33像素 - 由22個像素。 在第三種情況下CSS縮進文本將具有從頂部11個像素，右側22個像素，33個像素，從左下方44個像素的值。

此外，還提供以記錄僅在一側從塊邊界的距離的能力：邊距，下邊距 ，利潤率左，邊緣右。 翻譯俄文屬性的名字，很容易猜測他們的任命。 例如，以下條目指示右邊的縮進將等於22個像素：

保證金右：22rh。

周邊假定該塊的側部的剩餘距離為等於父元素的值。

保證金屬性有一個開發人員需要使用CSS文本縮進垂直時，要記住的特點。 相鄰的元件的間隔不相加，以及彼此疊加。 例如，假設單元中的一個具有下邊距：15像素，和下面的相鄰塊的margin-top：35px。 學校算術和常識決定了它們之間的間距總額將是50個像素。 實際上它不是。 與物業保證金 «燕子“他的鄰居的較大值的塊。 其結果，元件之間的間隔是35個像素。

“紅”線

在文本編輯器製作的文檔，用戶更喜歡問與“紅”線每個新段落。 左邊使用CSS文本縮進是很容易做到-使用文本縮進設計。 寫這樣的：

TEXT-INDENT：11像素。

即段落的第一行相對於11個像素的左邊距移位。 為了看起來更像是在編輯文檔網頁上的文字，你應該安裝一個額外的理由，那就是，寫的：

TEXT-INDENT：11像素;

文字對齊：證明。

除了像素，在使用其他標記單位的說明 - 英寸要求百分比。 讓單位有10％的CSS文本縮進。 當500個像素的塊的寬度，紅線將是50個像素（500 10％）。

該屬性可以被顯示值繼承。 該記錄稱，該單元使用父單元的類似特性。

TEXT-INDENT：繼承。

出人意料的是， 壓痕 可以取負值！ 在這種情況下，凸部是通過所謂形成的，這是基本的文本保持在適當位置，並且所述第一線由22個像素左移：

TEXT-INDENT：-22px。

該信件沒有越過瀏覽器的左邊框，除了文本縮進應該被用來定義字段的結構：

填充左：的22px。

有用的提示

CSS為基本屬性的格式化文本被考慮。 而解決這些問題的幫助的做法。 下面是關於如何應用在Web開發學習材料的幾個最後提示：

• 紅線和文本的縮進 - 不同的概念，並將其用於他們的指導不同的屬性;
• 垂直壓痕規則不適用數學 - 間隔重疊，“勝”與較大值元件;
• 負縮進用於指示與圖像段落的第一行。