css回歸之文字

2022-03-11 12:58:14 字數 313 閱讀 4099

clue:顏色,文字縮排,文字對齊,單詞間距,字母間距,文字修飾,空白符號處理,文字轉換,

先從簡單的開始:

文字縮排:

text-indent:對塊級元素生效,文字內容過縮排響應的距離,所以px,%都可以接受

單詞間距:

word-spacing:這點在細調一些文字效果非常見效,在接下來的幾天會抽離出來結合自己的專案講一講這裡面有什麼玄機奧義

字母間距:

letter-spacing:同上,會在文字對齊和或者整段文字實現效果著重補充。

文字修飾:

text-decoration:

CSS之文字樣式

縮排文字 縮排文字,使用了text indent屬性 縮排文字,使用text indent的百分比 text align center文字居中,只標籤內的內容,不影響標籤 字間隔ccc 屬 性,改變字 單詞 之間的標準間隔,word spacing預設值為normal字間隔 30px 字間隔ccc ...

CSS之文字效果

1 文字陰影效果 語法1 e x,y為偏移量,取值可正可負,預設為黑色 語法2 e 語法3 e 示例 txt sha 2 多重陰影效果 語法 e 示例 txt sha 3 控制文字溢位 語法 e keyword的取值可以是clip 預設 ellipsis 示例 超出文字顯示為省略號 p 4 文字對齊...

css 調整文字之換行

1.定寬 非百分比 2.強制不換行 div不換行 white space normal 預設 white space nowrap 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件 div自動換行 word wrap break word word break設定強行換行 word br...