css屬性之文字樣式
1、字母轉化: text-transform: uppercase; 將小寫字母轉化為大寫字母
text-transform: none; 變回原樣
text-transform: lowercase; 將大寫字母轉化為小寫字母
text-transform: capitalize; 將英文的首字母大寫
font-variant:small-caps; 小型大寫字母 (字母是大寫,但字型大小會變小)
2、 新增陰影: text-shadow: 5px 5px 30px black;
四個屬性分別為: 水平偏移 垂直偏移 陰影模糊度 陰影顏色
3、對齊方式:text-align: left; 左對齊
text-align: right; 右對齊
text-align: center; 居中對齊
text-align: justify;內容兩端對齊
4、文字中空格和換行: white-space: nowrap; 空白符被壓縮文字不換行
white-space: normal; 預設值,空白被壓縮,文字自動換行
white-space: pre;空白符被保留,遇到換行符則換行
white-space: pre-line; 空白符被壓縮,文字在排滿或與換行符換行
white-space: pre-wrap; 空白符被保留,文字在排滿或與換行符換行
5、行高的設定: line-height: normal; (恢復預設)
line-height: 150px;
line-height: 5;
line-height: 200%;
6、文字間距:letter-spacing: normal; 設定文字預設間距
letter-spacing: 5px; 文字間距值
word-spacing: normal; 設定單詞(有空格的地方(文字和單詞間有空格也可))間預設間距
word-spacing: 8px; 單詞間距值
7、文字樣式:text-decoration: underline; 加下劃線
text-decoration: overline; 加上劃線
text-decoration: line-through; 加一條刪除線
text-decoration: blink; 讓文字開始閃爍,但基本不支援了
font-style: italic;文字傾斜
8、文字加粗: font-weight: 500; 數字在600之前無變化 600-900之間則加粗
font-weight: lighter; 文字變細
font-weight:bold;文字加粗bold
9、字型大小設定: font-size: 50px;
font-size: xx-small;
font-size: x-small;
font-size: x-large;
font-size: xx-large;
css的文字樣式屬性
text align 指定文字快的對齊方式 start end left right center justify text justify 如果text align屬性使用了justify值,則該值會用來指定對齊文字的規則 white space 指定空白字元的處理方式 normal nowrap...
CSS字型 文字樣式屬性
1 字型屬性 1.2 字型大小屬性 1.3 字型粗細屬性 1.4 字型樣式屬性 1.5 字型復合屬性 2 文字外觀屬性 css fonts 字型 屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 css使用 font family屬性來定義字型 pcss使用 font size屬性來定義字型 語...
CSS之文字樣式
縮排文字 縮排文字,使用了text indent屬性 縮排文字,使用text indent的百分比 text align center文字居中,只標籤內的內容,不影響標籤 字間隔ccc 屬 性,改變字 單詞 之間的標準間隔,word spacing預設值為normal字間隔 30px 字間隔ccc ...