編碼的世界 / 優質文選 / 生涯

CSS 加粗(css font-weight)


2022年7月16日
-   

CSS基礎必學列表


  • CSS width寬度
  • CSS height高度
  • CSS border邊框
  • CSS background背景
  • CSS sprites背景拼合
  • CSS float浮動
  • CSS margin外邊距
  • CSS padding內邊距
  • CSS color字體顏色
  • CSS font-size字體大小
  • CSS font-family字體
  • CSS font-weight字體加粗
  • CSS display顯示與隱藏
  • CSS overflow隱藏與滾動條
  • CSS position定位
  • CSS text-align內容水平位置
  • CSS text-indent縮進
  • CSS text-decoration下劃線
  • CSS clear清除浮動
  • CSS cursor鼠標手勢光標
  • CSS font文本
  • CSS font-style文本斜體
  • CSS font-variant縮小大寫字母
  • CSS id CSS class
  • left right top bottom
  • css letter-spacing字間距
  • CSS line-height行高
  • css min-width最小寬度
  • css max-width最大寬度
  • CSS min-height最小高度
  • css max-height最大高度
  • CSS text-transform英文大小寫
  • css text-overflow省略號
  • CSS white-space不換行
  • css z-index重疊順序
  • CSS 前花括號星號*
  • CSS 縮寫
  • div與span區別及用法
  • CSS是什麼
  • DIV+CSS是什麼
  • CSS 注釋
  • CSS 指針
  • CSS 文本排版

  • CSS 加粗(css font-weight)
    CSS 加粗知識與CSS 加粗實例DIV+CSS基礎知識 CSS 加粗這裏指的是通過DIV CSS控制對象的加粗。 使用CSS屬性單詞 font-weight 對象值:從100到900,最常用font-weight的值為bold
    font-weight參數: normal : 正常的字體。相當於number為400。聲明此值將取消之前任何設置 bold : 粗體。相當於number為700。也相當於b對象的作用 bolder : IE5+ 特粗體 lighter : IE5+ 細體 number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 詳細基礎加粗知識請進CSS手冊中的font-weight手冊。
    Html常規加粗標簽 以前html直接對對象加粗的標簽如下: <b></b>或<strong></strong>兩者效果相同。 加粗實例,代碼如下:
     <strong>我被加粗</strong><br /> <b>我也被加粗了</b><br/> 我未被加粗

    html 加粗實例截圖: CSS 加粗基礎技巧實例 CSS 代碼:
     .yangshi1{ font-weight:bold} .yangshi2{ font-weight:800}

    Div html代碼:
     <span class="yangshi1">我被加粗</span><br /> <span class="yangshi2">我也被加粗了</span><br /> 我未被加粗

    CSS 加粗結果演示:說明此圖為CSS加粗實例片段代碼和結果圖。這裏通過CSS來控制加粗文字方式來加粗對象。所以一般對文字對象加粗標題加粗即可使用此方法對其加粗。
    總結與推薦: 1、在html對對象直接加粗可以用<b>或<strong>對其加粗 2、使用CSS加粗對象可以使用font-weight:bold即可實現加粗。
    相關閱讀 CSS高度 CSS寬度 CSS 顏色 CSS文本 CSS padding CSS margin

    熱門文章