029_html样式
1. html的style屬性
1.1. style屬性的作用: 提供了一種改變所有html元素的樣式的通用方法。
1.2. 樣式是html 4引入的, 它是一種新的首選的改變html元素樣式的方式。能夠通過使用style屬性直接將樣式添加到html元素, 或者間接地在獨立的樣式表中(CSS 文件)進行定義。
2. html樣式實例 - 背景顏色
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樣式實例 - 字體、顏色和尺寸
3.1. font-family、color以及font-size屬性分別定義元素中文本的字體系列、顏色和字體尺寸。
3.2. font-family屬性淘汰了舊的<font>標簽。
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標簽。</p></body> </html>3.3.2. 效果圖
4. html樣式實例 - 文本對齊
4.1. text-align屬性規定了元素中文本的水平對齊方式。
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屬性規定了元素中文本的水平對齊方式。</h1><p>text-align屬性淘汰了舊的 "align" 屬性。</p></body> </html>4.3.2. 效果圖
5. 不贊成使用的標簽和屬性
5.1. 在html4中, 有若干的標簽和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的html和xhtml中將不支持這些標簽和屬性。
5.2. 這里傳達的信息很明確: 請避免使用這些被廢棄的標簽和屬性!
5.3. 應該避免使用下面這些標簽和屬性:
5.4. 對于以上這些標簽和屬性: 請使用樣式代替!
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的029_html样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 008_html属性
- 下一篇： 018_html文件路径