當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

029_html样式

發(fā)布時(shí)間：2025/4/17 编程问答 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 029_html样式小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1. html的style屬性

1.1. style屬性的作用: 提供了一種改變所有html元素的樣式的通用方法。

1.2. 樣式是html 4引入的, 它是一種新的首選的改變html元素樣式的方式。能夠通過(guò)使用style屬性直接將樣式添加到html元素, 或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義。

2. html樣式實(shí)例 - 背景顏色

2.1. background-color屬性定義了元素的背景顏色。

2.2. background-color屬性淘汰了"舊的"bgcolor屬性。

2.3. background-color例子

2.3.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>background-color屬性</title></head><body style="background-color:yellow"><h2 style="background-color:red">background-color屬性定義了元素的背景顏色。</h2><p style="background-color:green">background-color屬性淘汰了"舊的"bgcolor屬性。</p></body> </html>

2.3.2. 效果圖

3. html樣式實(shí)例 - 字體、顏色和尺寸

3.1. font-family、color以及font-size屬性分別定義元素中文本的字體系列、顏色和字體尺寸。

3.2. font-family屬性淘汰了舊的<font>標(biāo)簽。

3.3. font-family例子

3.3.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>font-family屬性</title></head><body><h1 style="font-family:verdana">font-family、color以及font-size屬性分別定義元素中文本的字體系列、顏色和字體尺寸。</h1><p style="font-family:arial;color:red;font-size:20px;">font-family屬性淘汰了舊的font標(biāo)簽。</p></body> </html>

3.3.2. 效果圖

4. html樣式實(shí)例 - 文本對(duì)齊

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

4.2. text-align屬性淘汰了舊的 "align" 屬性。

4.3. text-align例子

4.3.1. 代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>text-align屬性</title></head><body><h1 style="text-align:center">text-align屬性規(guī)定了元素中文本的水平對(duì)齊方式。</h1><p>text-align屬性淘汰了舊的 "align" 屬性。</p></body> </html>

4.3.2. 效果圖

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

5.1. 在html4中, 有若干的標(biāo)簽和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來(lái)版本的html和xhtml中將不支持這些標(biāo)簽和屬性。

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

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

5.4. 對(duì)于以上這些標(biāo)簽和屬性: 請(qǐng)使用樣式代替!

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的029_html样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

样式
_HTML