css 控制文字

2021-08-19 19:18:56 字數 2042 閱讀 7251

css 文字屬性可定義文字的外觀。

通過文字屬性,可以改變文字的顏色、字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。

l 基本屬性

屬性描述

示例color

設定文字顏色

color:red;

background-color

背景顏色

text-align

對齊方式

text-align:center/left/right

line-height

設定行高

line-height:30px;line-height:200%px;line-height:2;

letter-spacing

設定字元間距

letter-spacing:20px;letter-spacing:-0.5em

其中1em=10px。但是效果而言,

l text-decoration 屬性

text-decoration 屬性規定新增到文字的修飾。值說明

underline

下劃線overline

上劃線line-through

刪除線none

無線

l text-indent 屬性

text-indent 屬性規定文字塊中首行文字的縮排。值描述

length

定義固定的縮排。預設值:0

。定義基於父元素寬度的百分比的縮排。

l text-transform 屬性

text-transform 屬性控制文字的大小寫。值描述

none

預設。定義帶有小寫字母和大寫字母的標準的文字。

capitalize

文字中的每個單詞以大寫字母開頭。

uppercase

全轉為大寫字母。

lowercase

全轉為小寫字母

l 字型屬性

屬性描述

示例font-size

字型大小

font-size:16px;

font-family

字型系列

font-family:"微軟亞黑

";font-style

設定字型的風格

normal(標準字型)

italic(斜體)

oblique(傾斜字型樣式)

font-weight

設定文字的粗細

normal(相當於

400)

/bold(相當於

700)

/bolder

/lighter

/100-900

CSS 文字控制

one more time one more chance.一歩重頭學前端,css入門。white space text overflow ellipsis word break,word wrap text align justify text decoration text transform ...

css控制文字排版

b 一 如何設定文字字型 顏色 大小 使用font b font style設定斜體,比如font style italic font weight設定文字粗細,比如font weight bold font size設定文字大小,比如font size 12px 或者9pt,不同單位顯示問題參考c...

css控制文字換行

設定為break word時,文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap,遇到長單詞時內容溢位,效果如圖所示 設定為break all時,文字遇到長單詞,會選擇在合適的位置截斷進行換行 換行換行...