【CSS】 一、使用CSS样式的方式
2019-02-24 本文已影响0人
子午禾苇
CSS 一、使用CSS样式的方式
CSS 二、定义样式表
CSS 三、常见属性
CSS 四、DIV+CSS布局## 一、使用CSS样式的方式
1. HTML <!DOCTYPE> 声明标签
1） 定义和用法
- <!DOCTYPE> 声明必须是HTML 文档的第一行，位于<html> 标签之前。
- <!DOCTYPE> 声明不是HTML 标签；它是指示web 浏览器关于页面使用哪个HTML 版本进行编写的指令。
- 在HTML 4.01 中，<!DOCTYPE> 声明引用DTD，因为HTML 4.01 基于SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
- HTML5 不基于SGML，所以不需要引用DTD。
2）各版本的声明
HTML5
<!DOCTYPE html>
<meta charset="utf-8">
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[http://www.w3.org/TR/html4/loose.dtd](http://www.w3.org/TR/html4/loose.dtd)">
该DTD 包含所有HTML 元素和属性，包括展示性的和弃用的元素（比如font）。不允许框架集（Framesets）。
<meta http-equiv=Content-Type content="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必须写为<body bgcolor="red">
2. 内链样式表
<body style="background-color:green; margin:0; padding:0;"></body>
3. 嵌入式样式表
<style type="text/css"></style>需要将样式放在<head></head>中
4. 引入式样式表
<link rel="StyleSheet" type="text/css" href="style.css">
