HTML中字型大小的設定

2021-10-18 02:31:04 字數 1106 閱讀 2824

在html中用其字型標記來修飾文字字型方面的屬性,使文字顯示更豐富。本文所要講述的就是網頁中常用的字型標記,例如乙個標題字型需要變大,並且顏色是紅色,字型類別使用黑體或楷體等。

1、字型大小的設定

字型大小用畫素表示,例如:12畫素、14畫素、16畫素,一般網頁中會有乙個預設大小的畫素,如果想改變字型大小,就需要重新設定。合理的字型大小能為網頁新增很多修飾,看著更美觀,更舒適。

格式:< font size="#">菁瑞優智< /font>

關鍵字size用來表示大小,#表示1-7的任意乙個數字,數字越大,字型也就越大。

2、設定字型顏色

不同的字型顏色搭配,能讓使用者從視覺上更加認可網頁,更能突出文章重點,這樣才能讓使用者有繼續瀏覽下去的可能。

格式:< font color="#">菁瑞優智< /font>

關鍵字color用來表示顏色,#表示顏色,可以是代表顏色的單詞,例如「red」,也可以是rgb顏色值,例如「#cccccc」。

3、字型分為邏輯字型和物理字型

物理字型在工作中會經常用到,在《常用html標記和格式》中已經介紹過一部分,本文再次羅列出來,與其他標記一起比較,加深記憶。

< b>< /b>:將字元設定成粗體

< i>< /i>:將字元設定成斜體

< u>< /u>:給字元增加下劃線

< s>< /s>:給字元增加刪除線

< tt>< /tt>:將字元設定成打字機字型

< sup>< /sup>:將字元設定成上標字型

< sub>< /sub>:將字元設定成下標字型

邏輯字型可能很少見到,但作用很大。邏輯字型所體現的重點不同物理字型,其所顯示出來的效果更美觀。

< em>< /em>:強調文字

< strong>< /strong>:字型加重

< code>< /code>:顯示程式設計**

< samp>< /samp>:顯示示例文字

< kbd>< /kbd>:顯示鍵盤按鍵文字

< small>< /small>:縮小文字

< big>< /big>:放大文字

設定GUI中Label的字型大小

做 unity3d gui的時候一定會發現一般都是用gui.skin來控制gui顯示效果的,但是還會發現fontsize只能用於動態字型,當用在label和textarea中的時候顯示的字型是不會改變的 一直保持匯入字型預設大小,我在網上找了很久都沒找到有效的方法,只是通用的方法是做多個不同字型大小...

移動端動態設定html標籤的字型大小方法

移動端適配,可根據設定html 標籤字型大小和 使用rem 單位 可在主頁面內引入一段js 動態監測裝置的尺寸,動態改變html 的字型大小。如下 下面展示一些 內聯 片 動態設定html 字型大小,一段自執行函式 function win,doc function setfont setfont ...

android webview字型大小的設定

今天在做專案時,碰到了要設定webview字型大小,以前用的時候也沒設定過,因此也不會,於是到處找關於 如何設定webview字型大小 的資料,好多大神給出的答案都是各種判斷,稍顯麻煩,我是最怕麻煩的人了,於是繼續查資料,最後總結如下,簡單幾行 就搞定 private websettings set...