HTML網頁字體大小的設定有很多種方法,今天給大家主要介紹倆種,一種是CSS設定html中字體大小,另外一種是html標籤裡設定style#屬性設定字體大小。
接下來透過html案例介紹字體大小設定教學。
html font標籤設定字體大小
在css之前html中文字設定字體,通常直接對文字使用font標籤設定字體大小樣式。
1、html文字大小font語法結構
7015fcdcdb74f650a0bf86859fb9ae36我字體大小為2e6e38b3c62e8df885fe2e3986461aa63
解釋:直接使用font標籤內設定size設定字體大小,需注意不能帶單位,一般2相當於12px,3相當於14px大小以此類推。
2、html font字體大小案例html原始碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>在线演示</title> </head> <body> <font size="2">在线演示测试<font size="4">文字</font>, 欢迎访问网站!</font> </body> </html>
css字體大小字:
語法結構
div{font-size:20px}
設定div內文字字體大小為20px
#需要注意的css使用font-size設定字體大小值需要有單位,例如px(像素)、 EM(相對長度大小單位),一般使用px像素為單位(了解html單位)。
透過css設定一個DIV盒子裡文字大小為14px,同時設定div盒子裡其中幾個字字體大小為20px。
完整HTML CSS字體大小實例代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>在线演示</title> <style> .box{ font-size:14px} .box .f20{ font-size:20px} </style> </head> <body> <div class="box"> 在线演示测试<span class="f20">文字</span>,欢迎访问网站! </div> </body> </html>
HTML設定網頁字體的方法就這麼多,相信大家一定也有所了解了,有需要的朋友可以保存一下,也請大家持續關注本站的其他更新。
相關閱讀:
以上是HTML網頁字體大小的設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!