Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)
a.定義和用法
<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。
<!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
在 HTML 4.01 中,<!DOCTYPE>聲明引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML,所以不需要引用 DTD。
b.各版本聲明
HTML5:
<!DOCTYPEhtml>
<metacharset="utf-8">
HTML 4.01:
<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
該 DTD 包含所有 HTML 元素和屬性,包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)。
<meta http-equiv=Content-Typecontent="text/html;charset=utf-8">
註意的規則:
單標記必須閉合比如<br>必須寫為<br /> <input />
單屬性必須添加屬性值:<input typr="radio" checked >必須寫為<input typr="radio" checked="checked" />
標記和屬性必須使用小寫:<Body><BODY>是錯的必須寫為<body>
屬性的屬性值必須使用"":在HTML4.01之前可以使用<body bgcolor=red>,HTML4.01必須寫為<bodybgcolor="red">
2) CSS層疊樣式表
內嵌樣式表:<bodystyle="background-color:green; margin:0; padding:0;"></body>
嵌入樣式表: <style type="text/css"></style>,需要將樣式放在<head></head>中
引入式樣式表: <link rel="StyleSheet"type="text/css" href="style.css">
自己的博客小站地址:http://www.ldxzs.top 歡迎大家光臨,正在不斷完善
Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)