屬性名:text-indent
取值:1、數字+px
屬性名:text-align
取值:屬性值
效果left
左對齊center
居中對齊
right
右對齊注意點:如果需要讓文字水平居中,text-align屬性給文字所在標籤(文字的父元素)設定。例如:
//div標籤相當於是文字的父元素,所以text-align設定在父元素中。
我是一行文字 //這裡的文字相當於是div標籤的子元素
屬性名:text-decoration
取值:屬性值
效果underline
下劃線(常用)
line-through
刪除線(不常用)
overline
上劃線(幾乎不用)
none
無裝飾線(常用)
注意點:在開發中會使用text-decoration:none;清除a標籤預設下的下劃線。例如:
我是乙個標籤
我是乙個鏈結標籤 //在重新整理時會預設帶有下劃線
1、text-align屬性
可以使文字,span,a,input,img標籤水平居中。例如:
2、margin:0 auto
如果需要div、p、h(大盒子)水平居中,我們可以通過margin:0 auto;來實現
注意點:
如果需要讓div、p、h(大盒子)水平居中,直接給當前元素本身設定即可。
margin:0 auto一般針對於固定寬度的盒子,如果大盒子沒有設定寬度,此時會預設佔滿父元素的寬度。
行高計算方法:行高-當前文字的高度,剩餘的距離進行等分。
作用:控制行間距(給一行上下增加間距)
屬性名:line-height
取值:1、數字+px
2、倍數(當前標籤font-size的倍數)
應用:1、讓單行文字垂直居中可以設定line-height:文字父元素高度
2、網頁精準布局時,會設定line-height:可以取消上下間距
行高font連寫的注意點:
1、如果同時設定了行高和font連寫,注意覆蓋問題
2、font:style、weight、size/line-height family(較為標準的寫法)
CSS樣式 文字樣式
文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...
CSS樣式 文字
css文字屬性可定義文字外觀。通過文字屬性,可以改變文字的顏色,字元間距,對齊文字,裝飾文字,對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...
CSS 文字樣式
left center right左中右 justify 兩端對齊 inherit 繼承 行高不夠時,行與行之間後重疊 數字px 數字em 數字 基於字型大小的百分比 數字 父元素的百分比 數字px 數字em 固定值預設為0 inherit繼承 normal 預設 數字px 固定值 可為負值 inh...