整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
例
規定文本的尺寸、字體和顏色：
<font size="3" color="red">這是一些文本!</font>
<font size="2" color="blue">這是一些文本!</font>
<font face="verdana" color="green">這是一些文本!</font>
瀏覽器支持
所有主流瀏覽器都支持 <font> 標簽。
標簽定義及使用說明
HTML5 不支持 <font> 標簽。請用 CSS 代替。
在 HTML 4.01 中，<font> 元素 已廢棄。
<font> 標簽規定文本的字體、字體尺寸、字體顏色。
提示和注釋
提示：請使用 CSS 來定義文本的字體、尺寸、顏色。
HTML 4.01 與 HTML5之間的差異
HTML5 不支持 <font> 標簽，HTML 4.01 已廢棄 <center> 標簽。
可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| color | rgb(x,x,x)#xxxxxxcolorname | HTML5 不支持。HTML 4.01 已廢棄。 規定文本的顏色。 |
| face | font_family | HTML5 不支持。HTML 4.01 已廢棄。 規定文本的字體。 |
| size | number | HTML5 不支持。HTML 4.01 已廢棄。 規定文本的尺寸。 |
標準屬性
在 HTML 4.01 中，<font> 標簽支持如下標準屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| class | classname | 規定元素的類名 |
| dir | rtlltr | 規定元素中內容的文本方向 |
| id | id | 規定元素的唯一 id |
| lang | language_code | 規定元素中內容的語言代碼 |
| style | style_definition | 規定元素的行內樣式 |
| title | text | 規定元素的額外信息 |
如需完整的描述，請訪問標準屬性。
事件屬性
在 HTML 4.01 中，<font> 標簽不支持任何的事件屬性。
如需完整的描述，請訪問事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
覽器的兼容性越來越好，移動端基本是清一色的webkit，經常會用到css的不同尺寸/長度單位，這里做個整理。
絕對單位
px : Pixel 像素
pt : Points 磅
pc : Picas 派卡
in : Inches 英寸
mm : Millimeter 毫米
cm : Centimeter 厘米
q : Quarter millimeters 1/4毫米
相對單位
% : 百分比
em : Element meter 根據文檔字體計算尺寸
rem : Root element meter 根據根文檔（ body/html ）字體計算尺寸
ex : 文檔字符“x”的高度
ch : 文檔數字“0”的的寬度
vh : View height 可視范圍高度
vw : View width 可視范圍寬度
vmin : View min 可視范圍的寬度或高度中較小的那個尺寸
vmax : View max 可視范圍的寬度或高度中較大的那個尺寸
運算
calc : 四則運算
實例：
h1 { width: calc(100% - 10px + 2rem)單位比例
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
詳細
絕對單位
px - Pixel 像素
像素 px 相對于設備顯示器屏幕分辨率而言。
div { font-size: 12px }
p { text-indent: 24px }pt Points 磅
1 pt = 1/72 英寸
div { font-size: 10pt }
p { height: 100pt }pc Picas 派卡
十二點活字（印刷中使用的），相當于我國新四號鉛字的尺寸。
div { font-size: 10pc }
p { height: 10pc }in Inches 英寸
div { font-size: 10in }
p { height: 10in }mm Millimeter 毫米
div { font-size: 10mm }
p { height: 10mm }cm Centimeter 厘米
div { font-size: 10cm }
p { height: 10cm }q Quarter millimeters 1/4毫米
div { font-size: 20q }
p { height: 100q }相對單位
% 百分比
相對于父元素寬度
<body>
em Element meter 根據文檔計算尺寸
相對于當前文檔對象內文本的字體尺寸而言，若未指定字體大小則繼承自上級元素，以此類推，直至 body，若 body 未指定則為瀏覽器默認大小。
<body>
rem Root element meter 根據根文檔（ body/html ）字體計算尺寸
相對于根文檔對象（ body/html ）內文本的字體尺寸而言，若未指定字體大小則繼承為瀏覽器默認字體大小。
ex 文檔字符“x”的高度
相對于字符“x”的高度，通常為字體高度的一半，若未指定字體尺寸，則相對于瀏覽器的默認字體尺寸。
至于為啥是x，我TM也不知道。
ch 文檔數字“0”的的寬度
同上，相對于數字“0”的寬度。
一張圖解釋：
vh View height / vw View Width - 可視范圍
相對于可視范圍的高度和寬度，可視范圍被均分為 100 單位的 vh/vw；可視范圍是指屏幕可見范圍，不是父元素的，百分比是相對于包含它的最近的父元素的高度和寬度。
假設設備可視范圍為高度 900px，寬度 750px，則， 1 vh = 900px/100 = 9px，1vw = 750px/100 = 7.5px
。
vmin / vmax 可視范圍的寬度或高度中較小/較大的那個尺寸
假設瀏覽器的寬度設置為 1200px，高度設置為 800px， 則 1vmax = 1200/100px = 12px， 1vmin = 800/100px = 8px 。
如果寬度設置為 600px，高度設置為 1080px, 則 1vmin = 6px, 1vmax = 10.8px 。
假設需要讓一個元素始終在屏幕上可見：
.box {假設需要讓這個元素始終鋪滿整個視口的可見區域：
.box {em、rem 是實際生產中我們最常用到的單位，可以使用其配合媒體查詢改變 body 字體大小來實現響應式的設計，vh、vw、vmin、vmax也可以很方便地幫助我們控制響應尺寸，但實際的可控性可能不如前者，具體按照我們的業務需求去實踐吧！
tyle 屬性用于改變 HTML 元素的樣式。
<html>
<body style="background-color:PowderBlue;">
<h1>Look! Styles and colors</h1>
<p style="font-family:verdana;color:red">
This text is in Verdana and red</p>
<p style="font-family:times;color:green">
This text is in Times and green</p>
<p style="font-size:30px">This text is 30 pixels high</p>
</body>
</html>
HTML 的 style 屬性
style 屬性的作用：
提供了一種改變所有 HTML 元素的樣式的通用方法。
樣式是 HTML 4 引入的，它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式，能夠通過使用 style 屬性直接將樣式添加到 HTML 元素，或者間接地在獨立的樣式表中（CSS 文件）進行定義。
不贊成使用的標簽和屬性
在 HTML 4 中，有若干的標簽和屬性是被廢棄的。被廢棄（Deprecated）的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標簽和屬性。
這里傳達的信息很明確：請避免使用這些被廢棄的標簽和屬性！
應該避免使用下面這些標簽和屬性：
HTML 樣式實例 - 背景顏色
background-color 屬性為元素定義了背景顏色：
<html> <body style="background-color:yellow"> <h2 style="background-color:red">This is a heading</h2> <p style="background-color:green">This is a paragraph.</p> </body> </html>
HTML 樣式實例 - 字體、顏色和尺寸
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：
<html> <body> <h1 style="font-family:verdana">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> </body> </html>
HTML 樣式實例 - 文本對齊
text-align 屬性規定了元素中文本的水平對齊方式：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
