Html字體大小設置方法，在HTML中字體如何設置字體大小，文字大小布局設置篇
DIVCSS5通過兩種方法讓大家掌握html中字體大小改變設置。
1、html font標簽設字體大小
2、html css設字體大小
接下來通過html案例介紹字體大小設置教程。
在css之前html中文字設置字體，通常直接對文字使用font標簽設置字體大小樣式。
1、html文字大小font語法結構
- <fontsize="2"我字體大小為2</font
解釋：直接使用font標簽內設置size設置字體大小，需要注意不能帶單位，一般2相當于12px，3相當于14px大小以此類推。
2、html font字體大小案例html源代碼
- <!DOCTYPEhtml
- <html
- <head
- <metacharset="utf-8"/
- <title在線演示DIVCSS5</title
- </head
- <body
- <fontsize="2"在線演示測試<fontsize="4"文字</font，
- 歡迎訪問DIVCSS5學習網站！</font
- </body
- </html
3、案例截圖
Html 字體大小文字大小font標簽案例截圖
1、css字體大小單詞：
Font-size
2、語法結構
- div{font-size:20px}
設置div內文字字體大小為20px
需要注意的css使用font-size設置字體大小值需要帶單位，比如px（像素）、EM（相對長度大小單位），一般使用px像素為單位（了解html單位）。
3、DIVCSS5案例
通過css設置一個DIV盒子里文字大小為14px,同時設置div盒子里其中幾個字字體大小為20px。
完整HTML CSS字體大小實例代碼如下：
- <!DOCTYPEhtml
- <html
- <head
- <metacharset="utf-8"/
- <title在線演示DIVCSS5</title
- <style
- .box{font-size:14px}
- .box.f20{font-size:20px}
- </style
- </head
- <body
- <divclass="box"
- 在線演示測試<spanclass="f20"文字</span，歡迎訪問DIVCSS5學習網站！
- </div
- </body
- </html
案例效果截圖
使用css設置html字體大小截圖
4、以上div css案例通過對對象里文字設置14px大小，同時又對其中文字設置不同字體大小，根據以上案例靈活應用css font-size使用。
當然除了外部CSS設置html中字體大小，同時還可以直接對html標簽里設置style屬性設置字體大小。
- <divstyle=”font-size:20px”我字體大小為20px</div
以上兩種設置html文字字體大小方法教程案例，可在線瀏覽或打包下載查看源代碼研究學習。
1、在線演示：
查看案例
2、HTML案例打包下載：
立即下載 （0.812KB）
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
