20180610-CSS-文本樣式-文本樣式







<p style="text-align:left"></p>

<p align="left"></p>


只有IE中會居中






margin:0 auto

0表示上下邊距,auto表示左右邊距自動。

加上margin  會在 所有瀏覽器中居中顯示,如下圖






vertical-align屬性:

只能改變行內垂直對齊屬性,

不能改變塊的垂直對齊屬性。







應用格式:



sub   下標

super上標

移動程度由瀏覽器決定。







垂直居中:


單行的                                                                                           多行文字垂直居中:

水平居中用text-align:center                                                       整個塊級元素的 父元素 加入display:table 表格屬性

                                                                                                    整個塊級元素加入display:table-cell;text-align:center 

垂直居中用line-height:和高度一樣的數值即可。                          整個塊級元素加入 vertical-align:middle

                                      




line-height屬性:



em和%和字體大小有關。


瀏覽器有默認行高,不同瀏覽器默認行高不一樣。

一般是120%

行高可以繼承!

繼承的是計算後的值,不是直接把em或%的值繼承過來。



文本樣式屬性:間距:

單詞的判斷 以空格爲判斷標準。



正常默認值爲0







blink有兼容性問題,有時候不會顯示。

<a href="">  </a> 鏈接默認有下劃線,

取消下劃線,可以在style標籤下,a{text-decoration:none;}

不會影響之前設置的class屬性。


text-decoration不可以繼承,

塊級元素和段內元素都可以用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章