HTML樣式
style屬性用于改變HTML元素的樣式。
This text is in Verdana and red
This text is in Times and blue
This text is 30 pixels high
HTML的style屬性
style屬性的作用:
提供了一種改變所有HTML元素的樣式的通用方法。
樣式是HTML4引入的,它是一種新的首選的改變HTML元素樣式的方式。通過HTML樣式,能夠通過使用style屬性直接將樣式添加到HTML元素,或者間接地在獨(dú)立的樣式表中(CSS)文件驚進(jìn)行定義。
不贊成使用的標(biāo)簽和屬性
在HTML4中,有若干的標(biāo)簽和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的HTML和XHTML中將不支持這些標(biāo)簽和屬性。
這里傳達(dá)的信息很明確:請避免使用這些被廢棄的標(biāo)簽和屬性!
標(biāo)簽:<center>?? 定義居中的內(nèi)容。
?????????? <font>和<basefont>? 定義HTML字體。
??????? <s>和<strike>?? 定義刪除線下文本
????????????? <u>????? 定義下劃線文本
屬性:align? 定義文本的對齊方式
?????????? bgcolor?? 定義背景顏色
?????????? color??? 定義文本顏色
對于以上這些標(biāo)簽和屬性:請使用樣式代替!
HTML樣式實(shí)例-背景顏色
background-color屬性為元素定義了背景顏色:
<html>
<body? style="background-color:yellow">
<h2 style="backgroud-color:red">This is a heading</h2>
<p style ="background-color:green">This is a paragraph.</p>
</body>
</html>
style屬性淘汰了“舊的”bgcolor屬性。
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>
style屬性淘汰了舊的<font>標(biāo)簽。
HTML樣式實(shí)例-文本對齊
text-align屬性規(guī)定了元素中文本的水平對齊方式:
<html>
<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>
</html>
style屬性淘汰了舊的“align"屬性。