Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 中文字幕在线观看免费,精品午夜寂寞黄网站在线,国产亚洲久久

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML基礎(chǔ)的 <font> 標(biāo)簽

          規(guī)定文本的尺寸、字體和顏色:

          <font size="3" color="red">這是一些文本!</font>

          <font size="2" color="blue">這是一些文本!</font>

          <font face="verdana" color="green">這是一些文本!</font>


          瀏覽器支持

          所有主流瀏覽器都支持 <font> 標(biāo)簽。


          標(biāo)簽定義及使用說明

          HTML5 不支持 <font> 標(biāo)簽。請用 CSS 代替。

          在 HTML 4.01 中,<font> 元素 已廢棄。

          <font> 標(biāo)簽規(guī)定文本的字體、字體尺寸、字體顏色。


          提示和注釋

          提示:請使用 CSS 來定義文本的字體、尺寸、顏色。


          HTML 4.01 與 HTML5之間的差異

          HTML5 不支持 <font> 標(biāo)簽,HTML 4.01 已廢棄 <center> 標(biāo)簽。


          可選的屬性

          屬性描述
          colorrgb(x,x,x)#xxxxxxcolornameHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定文本的顏色。
          facefont_familyHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定文本的字體。
          sizenumberHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定文本的尺寸。

          標(biāo)準(zhǔn)屬性

          在 HTML 4.01 中,<font> 標(biāo)簽支持如下標(biāo)準(zhǔn)屬性:

          屬性描述
          classclassname規(guī)定元素的類名
          dirrtlltr規(guī)定元素中內(nèi)容的文本方向
          idid規(guī)定元素的唯一 id
          langlanguage_code規(guī)定元素中內(nèi)容的語言代碼
          stylestyle_definition規(guī)定元素的行內(nèi)樣式
          titletext規(guī)定元素的額外信息

          如需完整的描述,請?jiān)L問標(biāo)準(zhǔn)屬性。


          事件屬性

          在 HTML 4.01 中,<font> 標(biāo)簽不支持任何的事件屬性。

          如需完整的描述,請?jiān)L問事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          覽器的兼容性越來越好,移動(dòng)端基本是清一色的webkit,經(jīng)常會(huì)用到css的不同尺寸/長度單位,這里做個(gè)整理。

          概覽

          絕對單位

          • px : Pixel 像素

          • pt : Points 磅

          • pc : Picas 派卡

          • in : Inches 英寸

          • mm : Millimeter 毫米

          • cm : Centimeter 厘米

          • q : Quarter millimeters 1/4毫米

          相對單位

          • % : 百分比

          • em : Element meter 根據(jù)文檔字體計(jì)算尺寸

          • rem : Root element meter 根據(jù)根文檔( body/html )字體計(jì)算尺寸

          • ex : 文檔字符“x”的高度

          • ch : 文檔數(shù)字“0”的的寬度

          • vh : View height 可視范圍高度

          • vw : View width 可視范圍寬度

          • vmin : View min 可視范圍的寬度或高度中較小的那個(gè)尺寸

          • vmax : View max 可視范圍的寬度或高度中較大的那個(gè)尺寸

          運(yùn)算

          • calc : 四則運(yùn)算

          實(shí)例:

          h1 { width: calc(100% - 10px + 2rem)

          單位比例

          1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

          詳細(xì)

          絕對單位

          px - Pixel 像素

          像素 px 相對于設(shè)備顯示器屏幕分辨率而言。

          div { font-size: 12px }
          p { text-indent: 24px }

          pt Points 磅

          1 pt = 1/72 英寸

          div { font-size: 10pt }
          p { height: 100pt }

          pc Picas 派卡

          十二點(diǎn)活字(印刷中使用的),相當(dāng)于我國新四號鉛字的尺寸。

          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 根據(jù)文檔計(jì)算尺寸

          相對于當(dāng)前文檔對象內(nèi)文本的字體尺寸而言,若未指定字體大小則繼承自上級元素,以此類推,直至 body,若 body 未指定則為瀏覽器默認(rèn)大小。

          <body>

          rem Root element meter 根據(jù)根文檔( body/html )字體計(jì)算尺寸

          相對于根文檔對象( body/html )內(nèi)文本的字體尺寸而言,若未指定字體大小則繼承為瀏覽器默認(rèn)字體大小。

          ex 文檔字符“x”的高度

          相對于字符“x”的高度,通常為字體高度的一半,若未指定字體尺寸,則相對于瀏覽器的默認(rèn)字體尺寸。

          至于為啥是x,我TM也不知道。

          ch 文檔數(shù)字“0”的的寬度

          同上,相對于數(shù)字“0”的寬度。

          一張圖解釋:

          vh View height / vw View Width - 可視范圍

          相對于可視范圍的高度和寬度,可視范圍被均分為 100 單位的 vh/vw;可視范圍是指屏幕可見范圍,不是父元素的,百分比是相對于包含它的最近的父元素的高度和寬度。

          假設(shè)設(shè)備可視范圍為高度 900px,寬度 750px,則, 1 vh = 900px/100 = 9px,1vw = 750px/100 = 7.5px

          vmin / vmax 可視范圍的寬度或高度中較小/較大的那個(gè)尺寸

          假設(shè)瀏覽器的寬度設(shè)置為 1200px,高度設(shè)置為 800px, 則 1vmax = 1200/100px = 12px, 1vmin = 800/100px = 8px

          如果寬度設(shè)置為 600px,高度設(shè)置為 1080px, 則 1vmin = 6px, 1vmax = 10.8px

          假設(shè)需要讓一個(gè)元素始終在屏幕上可見:

          .box {

          假設(shè)需要讓這個(gè)元素始終鋪滿整個(gè)視口的可見區(qū)域:

          .box {

          總結(jié)

          em、rem 是實(shí)際生產(chǎn)中我們最常用到的單位,可以使用其配合媒體查詢改變 body 字體大小來實(shí)現(xiàn)響應(yīng)式的設(shè)計(jì),vh、vw、vmin、vmax也可以很方便地幫助我們控制響應(yīng)尺寸,但實(shí)際的可控性可能不如前者,具體按照我們的業(yè)務(wù)需求去實(shí)踐吧!

          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 元素,或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義。

          不贊成使用的標(biāo)簽和屬性

          在 HTML 4 中,有若干的標(biāo)簽和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標(biāo)簽和屬性。

          這里傳達(dá)的信息很明確:請避免使用這些被廢棄的標(biāo)簽和屬性!

          應(yīng)該避免使用下面這些標(biāo)簽和屬性:

          HTML 樣式實(shí)例 - 背景顏色

          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 樣式實(shí)例 - 字體、顏色和尺寸

          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 樣式實(shí)例 - 文本對齊

          text-align 屬性規(guī)定了元素中文本的水平對齊方式:


          主站蜘蛛池模板: 亚洲熟妇AV一区二区三区宅男| 精品国产一区二区三区久久影院| 国产大秀视频一区二区三区| 风间由美性色一区二区三区| 日本免费电影一区| 水蜜桃av无码一区二区| 精品人妻一区二区三区毛片 | 午夜性色一区二区三区不卡视频| 日本免费一区二区三区四区五六区| 国产在线观看一区二区三区精品| 国产aⅴ精品一区二区三区久久| 成人中文字幕一区二区三区| 久久久久人妻一区精品性色av | 无码人妻精品一区二区三区久久久 | 一区二区三区免费电影| 国产精品538一区二区在线| 亚洲av无码一区二区三区四区| 亚洲一区二区三区免费观看| 麻豆一区二区三区精品视频 | 文中字幕一区二区三区视频播放| 国模无码人体一区二区| 秋霞鲁丝片一区二区三区| 亚洲AV无码一区二区三区网址| 无码人妻精品一区二区蜜桃网站| 中文字幕亚洲综合精品一区| 亚洲国产综合精品中文第一区| 国产高清一区二区三区四区| 国产精品污WWW一区二区三区 | 一级毛片完整版免费播放一区| 日韩毛片一区视频免费| 成人免费av一区二区三区| 国产在线aaa片一区二区99| 亚洲AV无码一区东京热久久 | 精品国产AⅤ一区二区三区4区| 久久国产三级无码一区二区| 国产成人精品一区二区三区免费 | 久久免费精品一区二区| 无码人妻精品一区二区三18禁| 国产乱码精品一区二区三区中| 无码人妻aⅴ一区二区三区| 国产精品一区二区资源|