CSS學習筆記(文字屬性)

2021-10-07 16:11:26 字數 1192 閱讀 8756

字間距

letter-spacing:(px【可以設定負值,當設定成負值時,字間距會比正常間距小】;normal表示正常的字間距)

行高

行高:可控制行與行之間的間距,但不是行間距,指的即一行的高度。

line-height:(px;合理的行高:norml;數字,百分比【對應於當前字型大小】)

#行高經常用於使單行文字垂直居中

首行縮排

text-indent:(px【需要對字型大小進行相應的調整】;預設值:0;em【1em即乙個字元的距離】;百分比,基於父元素寬度的百分比進行縮排【不贊成使用】)

#允許使用負值,首行會縮排到左邊

#不止對文字有效,可以簡單理解為包含行級元素

水平排列方式

text-align:預設值為left;justify兩端對齊,對單行文字無效,使用較麻煩。

垂直對齊方式

vertical-align:baseline【預設值,對齊父元素基線】;sub對齊下標;super對齊上標;top頂部對齊;bottom底部對齊;middle居中對齊

#對行塊元素,行內塊級元素,**元素有效。

文字修飾

type-decoration:

1.underline下劃線

2.overline定義上劃線

3.line-through定義刪除線

4.blink閃爍的文字效果(當前所有瀏覽器皆不支援,低版本火狐瀏覽器支援,不建議使用)

#預設值:none

文字陰影

text-shadow:值1 值2 值3 值4;

值1:水平陰影位置,正值時,陰影在右,負值時,陰影在左。

值2:垂直陰影位置,正值時,陰影在下,負值時,陰影在上。

值3:陰影模糊距離,可選值。

值4:陰影顏色,可選,預設值雲字型顏色相同。

文字屬性重疊

以下為陰影周圍有顏色陰影:

陰影周圍顏色陰影

CSS文字屬性

一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...

CSS 文字屬性

1 縮排文字 text indent 3em 段落首行縮排給定長度 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text indent屬性。可以繼承 如果要設定成負值,為了防止超出邊界,建議的寫法如下 p2 水平對齊 text align left center r...

css 文字屬性

字型顏色color 字元間距letter spacing 文字背景色background color 行間距line height 90 10px,0.3 對齊文字text align 文字修飾text decoration 取值 overline line through underline bl...