日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

HTML網(wǎng)頁(yè)制作：[17]CSS常用樣式字體及顏色屬性

云知道html


HTML網(wǎng)頁(yè)制作：[17]CSS常用樣式字體及顏色屬性


CSS在網(wǎng)頁(yè)中應(yīng)用非常廣泛，今天我就來(lái)分享一些關(guān)于文本的CSS樣式屬性 。一起來(lái)學(xué)習(xí)一下吧！
操作方法
  • 01如圖，比如我們有一段文字hello html! 。
  • 02然后在瀏覽器中預(yù)覽一下最初始的效果 。
  • 03然后我們?cè)诰W(wǎng)頁(yè)中添加style標(biāo)簽，從而設(shè)置CSS樣式 。
  • 04【HTML網(wǎng)頁(yè)制作：[17]CSS常用樣式字體及顏色屬性】如圖，書(shū)寫(xiě)標(biāo)簽名加花括號(hào)，這里我使用的是p標(biāo)簽 。如果你用的是其他標(biāo)簽，則修改為其他標(biāo)簽 。
  • 05接著書(shū)寫(xiě)書(shū)寫(xiě)font-family，font-family是關(guān)于字體的屬性，這里我設(shè)置成微軟雅黑，你也可以設(shè)置成楷體，隸書(shū)等，注意要帶上雙引號(hào)哦 。
  • 06接著再來(lái)預(yù)覽，可以看到字體變成微軟雅黑了哦 。
  • 07再來(lái)書(shū)寫(xiě)屬性font-size，這個(gè)屬性是設(shè)置文本的大小的 。這里我就設(shè)置成36px，px表示像素 。數(shù)值越大則文字越大 。
  • 08接著預(yù)覽效果，就會(huì)發(fā)覺(jué)字號(hào)變大了 。
  • 09接著設(shè)置font-style,這個(gè)屬性是設(shè)置文本的風(fēng)格，我設(shè)置的是斜體italic，默認(rèn)是normal 。
  • 10接著預(yù)覽效果可以看到文字變成斜體了哦 。
  • 11設(shè)置文本是否為粗體可以用屬性font-weight，這里我設(shè)置為bolder，或者也可以設(shè)置成bold 。
  • 12這樣文字就會(huì)加粗了 。
  • 13而color這個(gè)屬性可以設(shè)置文本的顏色，這里我就設(shè)置成red紅色了 。你也可以設(shè)置成blue藍(lán)色，orange橙色，pink粉色等 。
  • 14最后，網(wǎng)頁(yè)文本變成紅色的了 。
  • 15貼出源代碼可以參考參考 。Documentp{font-family: "微軟雅黑";font-size: 36px;font-style: normal;font-weight: bolder;color: red;}hello html!

    推薦閱讀