html font標簽如何設置字體樣式?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!
HTML <font> 標簽的定義和用法:
<font> 規定文本的字體、字體尺寸、字體顏色。
html font標簽的實例
規定文本字體、大小和顏色:
<font size="3" color="red">This is some text!</font> <font size="2" color="blue">This is some text!</font> <font face="verdana" color="green">This is some text!</font>
html<font>中設置字體樣式(粗體斜體等)
方法1:
<font style="font-weight:bold;font-style:italic;">aaaaa</font>
方法2:
<style type="text/css"> font {font-weight:bold;font-style:italic;} </style> <font>aaa</font>
html font里面加b標簽:
<b> 標簽規定粗體文本
示例:
<font><b>加粗文字</b></font>
CSS設置文字大小:
在網頁中通過文字的大小,突出主題是最常用的方法之一,CSS通過font-size屬性控制文字的大小,該屬性的值包括相對大小和絕對大小。
絕對大小
<span style="font-size:24px;"><html> <head> <title> 文字大小 </title> <style> <!-- p.inch{font-size:0.5in;} p.cm{font-size:0.5cm;} p.mm{font-size:4mm;} p.pt{font-size:12pt;} p.pc{font-size:2pc;} --> </style> </head> <body> <p class="inch">文字大小,0.5in</p> <p class="cm">文字大小,0.5cm</p> <p class="mm">文字大小,4mm</p> <p class="pt">文字大小,12pt</p> <p class="pc">文字大小,2pc</p> </body> </html> </span>
一共設置了5種文字大小,使用的都是絕對單位,在任何分辨率的顯示器下,顯示出來的效果都是絕對的大小,不會發生改變。
此外,除了利用物理單位設置文字絕對大小的方法,CSS還提供了一些絕對大小的關鍵字,作為font-size的值,一共有7個。
<span style="font-size:24px;"><html> <head> <title> 文字大小 </title> <style> <!-- p.one{font-size:xx-small;} p.two{font-size:x-small;} p.three{font-size:small;} p.four{font-size:medium;} p.five{font-size:large;} p.six{font-size:x-large;} p.seven{font-size:xx-large;} --> </style> </head> <body> <p class="one">文字大小,xx-small</p> <p class="two">文字大小,x-small</p> <p class="three">文字大小,small</p> <p class="four">文字大小,medium</p> <p class="five">文字大小,large</p> <p class="six">文字大小,x-large</p> <p class="seven">文字大小,xx-large</p> </body> </html> </span>
其中,單位px表示像素,因此,顯示大小和顯示器的大小以及分辨率有關,采用%或者em都是相對于父標記而言的比例,如果沒有設定父標記字體的大小,則相對于瀏覽器的默認值。
感謝各位的閱讀!看完上述內容,你們對html font標簽如何設置字體樣式大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創新互聯行業資訊頻道。
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享名稱:htmlfont標簽如何設置字體樣式-創新互聯
文章網址:http://www.2m8n56k.cn/article32/docgsc.html
成都網站建設公司_創新互聯,為您提供網站收錄、企業網站制作、網站設計、企業建站、App設計、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯