CSS字體樣式屬性和文本樣式屬性

1.font-size

字體大小設(shè)置
font-size: 16px;

2.font-family

字體樣式設(shè)置
font-family: "微軟雅黑";

3.font-weight

字體加粗
font-weight: bold;
bold相當(dāng)于700加粗
normal相當(dāng)于400不加粗,可以讓粗體不加粗
建議用數(shù)字,數(shù)字解析快

4.font-style

font-style: normal;
normal:正常顯示字體,可以讓斜體變得不傾斜
italic:傾斜顯示字體

5.字體連寫

字體連寫是有順序的
font: font-style font-weight font-size/line-height font-family;
其中font-size和font-family不能省略,其他的可以省略自動(dòng)取默認(rèn)值

6.color

顏色屬性
color: #2fceff;

1.預(yù)定義顏色,如red,green,blue等。
2.十六進(jìn)制,如#FF0000,#FF6600,#29D794等。
3.RGB代碼,如紅色可表示為rgb(255,0,0)或rgb(100%,0%,0%)。

7.line-height

剛間距,行高,行與行之間的距離
line-height: 24px;
正常情況下比字號(hào)大個(gè)7,8像素就行了

8.text-align

text-align: center;
設(shè)置文本內(nèi)容的水平對(duì)齊方式,有 left,center,right,默認(rèn)是left。

9.text-indent

text-indent: 2em;
首行縮進(jìn),單位em,1em就是一個(gè)字的距離

10.text-decoration

text-decoration: overline;
給文本加線
underline 下劃線
overline 上劃線
line-through 刪除線
none 取消線

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對(duì)傅立葉變換、拉普拉斯變換、Z變換的聯(lián)系?為什么要進(jìn)...
    價(jià)值趨勢(shì)技術(shù)派閱讀 5,938評(píng)論 2 2
  • 嘗試和大家一起探討以下問(wèn)題: view繪制渲染機(jī)制和runloop什么關(guān)系? 所謂的列表卡頓,到底是什么原因引發(fā)的...
    朽木自雕也閱讀 3,174評(píng)論 4 9
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,200評(píng)論 1 4
  • 前兩天,偶然在地方臺(tái)看到一則新聞,一位六十多歲的老人,為了女兒的幸福,謊稱外出打工,實(shí)為在外流浪拾荒。報(bào)道稱,老人...
    李在在閱讀 530評(píng)論 0 2
  • 2017年12月6日晴 今天晚上回來(lái)的氣候已經(jīng)是7:00左右啦,我今天被評(píng)為我們店最佳敬業(yè)獎(jiǎng),獎(jiǎng)勵(lì)500元包包一個(gè)...
    耿鈺茜媽媽閱讀 192評(píng)論 0 0

友情鏈接更多精彩內(nèi)容