首先我們介紹下HTML標(biāo)簽style屬性的定義吧：

style 屬性是規(guī)定元素的行內(nèi)樣式（inline style）

style 屬性將覆蓋任何全局的樣式設(shè)定，例如在 style 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

HTML style 屬性實(shí)例

在 HTML 文檔中使用 style 屬性：

 h1 >
HTML標(biāo)簽style屬性的語(yǔ)法：
 element >
HTML標(biāo)簽style屬性的屬性值：
style_definition ： 一個(gè)或多個(gè)由分號(hào)分隔的 CSS 屬性和值。
HTML中的style屬性的各種樣式解析
1.style屬性可以設(shè)置字體樣式（font-family:）、字體大小(font-size:)、文本的顏色(color:)等內(nèi)容。它可以在
每個(gè)不同的標(biāo)簽中設(shè)置，也可以放置到html' target='_blank'>CSS樣式表中進(jìn)行設(shè)置。因?yàn)槲业奈恼露际歉S著http://www.codecademy.com來(lái)
寫的，目前還沒(méi)有介紹到CSS，所以在這里暫時(shí)先不涉及CSS，僅僅是在標(biāo)簽中進(jìn)行設(shè)置，下面是示例代碼和示意圖:
 !DOCTYPE html  html  head  title color the text /title  /head  !-- now i will color the text--  body  h3 >
注意：
a)我用的瀏覽器是chrome，在其中編輯并顯示時(shí)總是發(fā)現(xiàn)設(shè)置的10px字體沒(méi)有應(yīng)用，通過(guò)查找chrome設(shè)置，發(fā)現(xiàn)
是在chrome中設(shè)置的最小字體是12px，所以10px字體大小沒(méi)有用，把chrome瀏覽器的最小字體改小就好了。
b)style屬性中的賦值方式是:屬性名稱：值，而不是習(xí)慣的等號(hào)=，如果用等號(hào)，則style效果不會(huì)被執(zhí)行。
2.style樣式中也可以設(shè)置背景顏色，style中包含屬性background-color，設(shè)置它的顏色值就可以使整個(gè)標(biāo)簽范圍內(nèi)的背景顏色變
為background-color指定的顏色。下面是示例代碼和示意圖：
 !DOCTYPE html  html  head  title color the text /title  /head  !-- now i will color the text--  body  h3 >
3.文本對(duì)齊
有些標(biāo)簽屬性中有align屬性，可以設(shè)置文本對(duì)齊方式，在style中也可以設(shè)置類似的屬性。這個(gè)屬性值就是text-align。它的
取值包括left、center和right。下面是示例代碼和示意圖:
 !DOCTYPE html  html  head  title color the text /title  /head  !-- now i will color the text--  body  h3 >
關(guān)于html的style屬性的兩種具體用法實(shí)例：
 !DOCTYPE html  html  head  meta charset= utf-8  title 練習(xí)使用HTML /title  style  /*標(biāo)簽選擇器*/ h4 { color: blue; text-align: right; /style  /head  body  !--規(guī)定元素的行內(nèi)樣式--  p >
【小編的相關(guān)推薦】
html5 details標(biāo)簽的作用是什么？ details 標(biāo)簽的使用方法介紹(附使用實(shí)例)
html table表格是什么？ table 標(biāo)簽中各種屬性的使用方法
以上就是關(guān)于HTML標(biāo)簽style屬性的使用方法詳解(附具體實(shí)例)的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。