首頁  >  文章  >  web前端  >  HTML網頁字體大小的設定

HTML網頁字體大小的設定

php中世界最好的语言
php中世界最好的语言原創
2017-11-22 15:05:2547599瀏覽

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字體大小字:

Font-size

語法結構

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設定網頁字體的方法就這麼多,相信大家一定也有所了解了,有需要的朋友可以保存一下,也請大家持續關注本站的其他更新

相關閱讀:

怎麼用DIV和CSS做導航條


HTML裡的checkbo怎麼使用


html的註解有什麼作用

以上是HTML網頁字體大小的設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:什麼是偽靜態下一篇:什麼是偽靜態