html的style屬性可以定義內(nèi)聯(lián)樣式,標(biāo)簽的style屬性用于規(guī)定元素的行內(nèi)樣式(內(nèi)聯(lián)樣式),只需要在標(biāo)簽中添加style屬性并設(shè)置好屬性值即可,語(yǔ)法“<element style="內(nèi)聯(lián)樣式代碼">”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html的style屬性可以定義內(nèi)聯(lián)樣式。
style 屬性規(guī)定元素的行內(nèi)樣式(inline style)
style 屬性將覆蓋任何全局的樣式設(shè)定,例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。
語(yǔ)法:<element style="style_definition">
-
style_definition:一個(gè)或多個(gè)由分號(hào)分隔的 CSS 屬性和值。
示例:針對(duì)段落、<h2> 標(biāo)簽、<em> 標(biāo)簽、<strong>標(biāo)簽以及 <div> 標(biāo)簽,分別應(yīng)用 CSS 行內(nèi)樣式。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>行內(nèi)樣式(內(nèi)聯(lián)樣式)</title> </head> <body> <p style="background-color: #999900">行內(nèi)元素,控制段落-1</p> <h2 style="background-color: #FF6633">行內(nèi)元素,h2 標(biāo)題元素</h2> <p style="background-color: #999900">行內(nèi)元素,控制段落-2</p> <strong style="font-size:30px;">行內(nèi)元素,strong 比 em 效果要強(qiáng)</strong> <div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行內(nèi)元素,div 塊級(jí)元素</div> <em style="font-size:2em;">行內(nèi)元素,em 強(qiáng)調(diào)</em> </body> </html>
效果圖: