HTML学习笔记-CSS使用方式(六)

1.HTML<!DOCTYPE> 声明标签

定义和用法

1. <!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前。
2. <!DOCTYPE>声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
3. 在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01居于SGML。
DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容。
4.HTML5不基于SGML,所以不需要引用DTD。

各版本的声明

1.HTML5
	 声明:<!DOCTYPE html>
	设置编码 :<meta charset="utf-8">
2.HTML4.01
	 声明: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	 设置编码 :<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	 注意规则:
	 	1.单标记必须闭合。(如<br>必须写成<br/>)
	 	2.单属性必须添加属性值。(<input type="radio" checked> 必须写成<input type="radio" checked="checked">)
	 	3.标记和属性必须使用小写。(<Body>和<BODY>是错的,必须写成<body>)
	 	4.属性的属性值必须使用" "。(HTML4.01之前可以使用<body bgcoloer=red>,之后必须写为<body bgcoloer="red">)

2.内嵌样式表

嵌入在标签中css样式,例如:
<body style="background-color:green; margin:0; padding:0;"></body>

3.嵌入式样式表

通过<style>双标记来指定css样式,需要将<style></style>标签放在<head></head>中。
例如:
<style type="text/css">
   body{
   	backgound-color:red;
   	color:green;
   }
</style >

4.引入式样式表

通过<link>指定css文件中的样式表(<link>是单标记)
<link rel="StyleSheet" type="text/css" href="css文件路径">

猜你喜欢

转载自blog.csdn.net/fangye945a/article/details/104400298