CSS文字樣式

2022-09-08 02:21:09 字數 1375 閱讀 9742

屬性名: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...