CSS 4 文字相關屬性

2021-09-24 23:25:28 字數 1050 閱讀 9970

1.color文字顏色三種表示

英語單詞

但是範圍太小了,工作中用得不多

例子:color: red;

單詞:red紅,blue藍,green綠,yellow黃,pin**…

rgb方式設定

比例的範圍: 0-255

例子:

color: rgb(255,0,0);

color: rgb(100%,0%,0%); 都要是百分號才行,否則不行

十六進製制表示

在十六進製制中,每兩位數代表乙個原色

前面兩個是紅色,中間兩個是綠色,後面兩個是藍色

例子:

color: #ff0000;

color: #f00; 這種也可以

2.text-align 水平對齊

控制文字的水平對齊屬性: left center right

例子:

text-align: center;
3.line-height 行間距

行高,控制文字在垂直方向的位置

如果想讓文字垂直居中

讓文字的行高等於容器的高度即可

例子:

line-height: 100px;
快速寫法:

lh100px

4.text-indent首行縮排(了解)

控制文字首行縮排

例子:

text-indent:20px;

text-indent: 2em;

5.text-decoration文字的修飾屬性

通常我們用於給鏈結修改裝飾效果

例子:

text-decoration: underline; 下劃線

text-decoration: overline; 上劃線

text-decoration: line-through; 刪除線

最重要:

text-decoration: none; 沒有線 將a標籤自帶的下劃線清除

CSS(4) 文字布局

文字 可以控制字型,文字大小,文字顏色,文字粗細,斜體,下 中 頂劃線。text transform 首字母或全部首字母大寫.font family 控制字形,見另一blog font size 控制字型 例如 p.f12 text decoration 實現underline 下劃線 overli...

文字相關的屬性

一 text decoration屬性 文字樣式 下劃線 刪除線 上刪除線 1.下劃線 underline 我是段落 2.刪除線 line through 我是段落 3.上刪除線 overline 我是段落 4.無 none 我是段落1 我是段落1 效果圖 二 text align屬性 文字水平對齊...

HTML CSS 文字相關屬性

重點內容規定文字樣式的屬性 格式 font style italic 取值 normal 正常的 預設值 italic 傾斜的 快捷鍵 軟體 dw 輸入fs,自動生成 font style italic 輸入fsn,自動生成 font style normal 規定文字粗細的屬性 格式 font w...