使用CSS样式的方式
2018-06-19 本文已影响16人
Mustard_Buli
使用CSS样式的方式
HTML <!DOCTYPE>声明标签
<!DOCTYPE>声明必须是 HTML 文档的第一行，位于<html>标签之前，<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01中，<!DOCTYPE>声明引用 DTD, 因为 HTML 4.01 基于 SGML, DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
各版本的声明：
-
HTML5
<!DOCTYPE html>
<meta charset="utf-8"> -
HTML4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
该 DTD 包含所有 HTML 元素和属性，包括展示性和弃用的元素 (e.g. font)，不允许框架集(Framesets)。
<meta http-equiv=Content-Type content="text"/html;charset=utf-8>注意的规则：
1. 单标记必须闭合 e.g. <br>必须写为<br/> <input/> 2. 单属性必须添加属性值 e.g. <input type="radio" checked> 必须写为 <input type="radio" checked="checked"/> 3. 标记和属性必须小写 4. 属性的属性值必须使用"" 在 HTML 4.01 之前可以使用 <body bgcolor=red>, HTML 4.01 必须写为 <body bgcolor="red">
内联样式表
<body style="background-color:green; margin:0; padding:0;"></body>
嵌入式样式表
<style type="text/css"></style>- 需要将样式放在
<head></head>中
引入式样式表
<link rel="Stylesheet" type="text/css" href="style.css"?
