首页 > Web开发 > 详细

使用CSS样式的方式

时间:2017-11-21 00:44:17      阅读:291      评论:0      收藏:0      [点我收藏+]

1,HTML<!DOCTYPE> 声明标签 

定义和用法<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前

<!DOCTYPE>声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令

在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.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元素和属性,包含展示性和弃用的元素,不允许框架集

注意的规则

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”>

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS的使用方式</title>
<style type="text/css">
body{
background-color:green;
color:red;
}
p{
background-color: red;
color: green;
}
</style>
</head>
<body style="background-color: green">
<h1>CSS的使用方式</h1>
<p>CSS的使用方式</p>

</body>
</html>

使用CSS样式的方式

原文:http://www.cnblogs.com/lzp1103/p/7868701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!