[align=center]文字排版之css屬性[/align]
[b]1.1段落設定[/b]
1、text-indent，段落首行文字縮排。
例：.for-mat
2、水平對齊方式——設定或檢索物件（和文字等）中文字的左中右對齊方式。
語法：
text-align:center;居中對齊。
text-align:left;居左。
text-align:right;居中。
[color=blue]* text-align:justify；兩端對齊（不推薦使用，通常大部分瀏覽器不使用）。[/color]
3、行高上下居中——設定內容（、文字）行高上下居中。
行高語法：
line-height:num px;
行高line-height的值num可以為百分比數字/由浮點數字和單位識別符號組成的長度值，允許為負值。其百分比取值是基於字型的高度尺寸。在css布局中一般採用畫素px為單位。
行高應用：
line-height行高屬性，運用到對文字排版，實現上下排文字間隔距離，以及單排文字在一定高度情況上下垂直居中布局。
1>對於文章類文字上下排間隔
一般對物件設定line-height行高屬性，即可實現讓自動換行文字排版均勻間隔多少。
2>對單排文字高度固定的上下垂直居中。
乙個固定30px高度div物件，使其文字內容上下垂直居中，即可使用line-height:30px即可。
例：html**
我是第一排
我是第二排
我是第三排
我高度為30px,實現上下居中
css**
.div1
.div2
總結：遇見內容與混排，希望和文字內容上下居中在一排，但是文字會居下部，通常解決方法是使用兩個盒子分別設定行高與高度。
[b]1.2文字設定[/b]
1、font
**：font:12px/1.5 arial, helvetica, sans-serif;
分析：font(字設定):12px(字大小12畫素)/1.5(相當於line-height為1.5倍字大小) arial, helvetica, sans-serif(字型);
2、font-family，設定字型字形。
語法：font-family:"設定字型名稱";
[color=red]注意：在這裡字型只能設定為常見或系統自帶的字型，而不能設定自己安裝的字型。電腦自帶字型，和常設定文字字型有黑體、新宋體、宋體、arial, helvetica, sans-serif等。[/color]
3、font-size，設定元素的字型大小。
屬性值：
把字型的尺寸設定為不同的尺寸，從xx-small到xx-large。
xx-small最小。
x-small較小。
small設定文字字型大小為小。
medium 預設值medium，根據字型進行調整。
large大。
x-large較大。
xx-large最大。
smaller把font-size設定為比父元素更小的尺寸。
larger把font-size設定為比父元素更大的尺寸。
length把font-size設定為乙個固定的值。
% 把font-size設定為基於父元素的乙個百分比值。
可取具體長度單位值。
常見運用：
1>直接標籤內使用font-size設定物件內容字型大小。
我被設定字型大小為14px
2>使用html標籤與css樣式分離設定物件內容字型大小。
.for-mat
4、color，設定文字顏色。
5、font-style，設定使用斜體、傾斜或正常字型。
語法：font-style:normal;正常的字型(預設字型樣式，可用於去掉html斜體標籤的預設斜體樣式)。
font-style:italic;使文字斜體。對於沒有斜體變數的特殊字型，將應用oblique。
font-style:oblique;傾斜的字型。
6、font-weight，設定文字的粗細。
font-weight引數：
normal:正常的字型。相當於number為400。宣告此值將取消之前任何設定。
bold:粗體。相當於number為700。也相當於標籤的作用。
bolder:ie5+ 特粗體。
lighter:ie5+ 細體。
number:ie5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
7、text-decoration，設定文字是否有下劃線。
語法：text-decoration:none;無裝飾，通常對html下劃線標籤去掉下劃線樣式。
text-decoration:underline;新增下劃線樣式。
text-decoration:line-through;新增刪除線樣式-貫穿線樣式。
text-decoration:overline;新增上劃線樣式。
8、font-variant，設定英文本母全大寫後縮小字型。
語法：font-variant:normal;正常的字型。
font-variant:small-caps;將文字裡英文轉為全大寫，並以縮小方式顯示。
9、text-transform，設定英文大小寫的轉換（大轉小，小轉大，開頭第乙個字母大寫）。
語法：text-transform : none無轉換發生
text-transform :capitalize將每個單詞的第乙個字母轉換成大寫，其餘無轉換發生
text-transform : uppercase轉換成大寫
text-transform :lowercase 轉換成小寫
10、letter-spacing，設定文字的間隔（字間距、字元間距、字型間距）。
例：.for-mat
[b]1.3強制同一行內顯示所有文字不換行——css white-space屬性[/b]
使文字不自動換行，無論css寬度設定多少，所有文字都在一行內顯示。當然為了隱藏超出的文字內容我們可以再加乙個css overflow:hidden樣式。
語法：white-space:normal;//預設處理方式
white-space:nowrap;//強制在同一行內顯示所有文字，直到文字結束或者遭遇br標籤物件才換行。
[color=red]注意：使用white-space樣式使文字內容在一行內顯示時，遇到html br強制換行標籤，無論是設定white-space與否都會被
強制換行。
[/color]
CSS 文字排版
字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。下面 實現 為網頁中的文字設定字型為宋體。body 這裡注意不要設定不常用的字型，因為如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地 電腦上是...
CSS 文字排版
在乙個table,div或input中，文字過長，一般都會擷取處理，然後後面拼接省略號，以前我是這麼做的，後端或者js擷取，今天看到css自身屬性就可以做到，內心無數省略號 效果圖 素胚勾勒出青花筆鋒濃轉淡 瓶身描繪的牡丹一如你初妝 冉冉檀香透過窗心事我了然 宣紙上走筆至此擱一半 釉色渲染仕女圖韻味...
CSS文字排版
1.文字排版 字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。下面我們來看乙個例子，下面 實現 為網頁中的文字設定字型為宋體。body 這裡注意不要設定不常用的字型，因為如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定...