CSS Tips1文字樣式

2021-07-14 14:04:07 字數 851 閱讀 9394

font-variant

設定字型是否以小型大寫字母顯示。

p

font

字型設定簡寫組合方式。格式如下:[是否傾斜|是否加粗|是否轉小型大寫] 字型大小 字型名稱;

p

text-decoration

設定文字出現下劃線

- underline 讓文字的底部出現一條下劃線

- overline 讓文字的頭部出現一條上劃線

- line-through 讓文字的中部出現一條刪除劃線

.p1

.p2.p3

text-transform

設定英文文字轉換為大小寫

- capitalize 將英文單詞首字母大寫

letter-spacing

設定文字之間的間距。

.p1

word-spacing

設定英文單子之間的間距。

.p2

text-indent

設定文字首行的縮排。

p

white-space

設定如何處理元素內的空白

-nowrap 文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

text-overflow

text-overflow 屬性來控制文字的溢位部分,它的作用是對溢位的部分裁剪掉,然後判定是否新增省略號。

CSS樣式案例 1 文字的排版

本篇介紹的是小窗文字內容的排版,通過該篇文章可以讓小夥伴們熟悉以下幾個知識點 word space overflow text overflow。最終的展示效果如下 參考步驟 1.建立html文件,並使用dl,dt,dd元素將內容放進去。doctype html html head meta cha...

css基礎 3 文字樣式

字型作為網頁最常用元素,可以使用font設定字型大小 粗細 型別等等,總結常用樣式設定如下 屬性設定型別 注意font size 字型大小 單位常用px font family 字型族字型風格視開發需求而定 font weight 字型粗細 normal 400正常,bold 700加粗,數字沒有單...

1 文字點選特效

第乙個就是案例,加油 不提lang en charset utf 8 name viewport content width device width,initial scale 1.0 w.htmltitle canvas style head canvas src w.js script bod...