字型以及文字的相關屬性

2021-08-03 18:23:52 字數 2102 閱讀 6605

字型相關的屬性

font-family:字型名稱

font-size:字型大小

font-style:字型風格(斜體等)

font-variant:字型轉化(如大寫)

font-weight:字型粗細

<

style

type=

"text/css"

>

pstyle

>

可以簡寫,書寫順序:

font-style font-variant font-weight font-size font-family

<

style

type=

"text/css"

>

pstyle

>

前面三個可預設,使用預設值,font-size和font-family必須指定值。

這種書寫方式更加簡潔

文字相關的屬性

文字相關屬性主要包括顏色、對齊方式、修飾效果等

color:設定文字字型顏色

text-decoration:(文字修飾)

none:沒有修飾效果(預設值)

underline:下劃線

overline:上劃線

line-through:刪除線

text-shadow:(增加陰影)

text-shadow: 5

px 2

px maroon;

第乙個px代表陰影水平方向移動,預設往右偏移,加上「-」號往左偏移

第二個px代表陰影垂直方向移動,預設往下偏移,加上「-」號往上偏移

最後的顏色設定是陰影的顏色(褐紅色

direction:(文字方向)

ltr:從左往右(left to right)

rtl:從右往左 (right to left)

text-align:(文字水平對齊方式)

right:   向右對齊

left:    向左對齊

justify:兩端對齊

center:  水平居中對齊

vertical-align:(文字垂直對齊方式)

top:    向上對齊

bottom: 向下對齊

middle: 垂直居中對齊

text-indent:(文字縮排)

letter-spacing:字元之間的間距

word-spacing: 字與字(單詞)之間的間距

line-height:設定行高,實際上是調整行間距

字型屬性 文字屬性

font family 微軟雅黑 字型 font size 16px 瀏覽器預設大小 16px 字型大小大小 font weight 400代表正常 700代表加粗 字型粗細 font style normal 預設正常 italic 斜體 文字樣式 字型復合屬性 順序 swsf font font...

字型文字樣式相關

設定文字屬性font 文字斜體 font style normal 文字粗體設定 font weight border 文字的粗細有極限,達到極限就不會再變粗了 設定文字大小字型大小 設定文字字型 文字屬性的簡寫 設定文字屬性text text align left text align right...

文字屬性和字型屬性

編輯本部落格 font size 20px font weight bolder font family microsoft yahei ui 微軟雅黑 arial sans serif text align center 清除a標籤樣式 text decoration none 行高設定和盒子一樣...