一、css的声明标签是告诉浏览器应该是用什么形式去解析你，一般为： 因为html5支持向下兼容，详细可看上图。
二、css样式的使用方式：
（1）内链样式表：
demo.html
<!DOCTYPE html>
<html>
<head>
<title>内链样式使用</title>
<meta charset="utf-8">
</head>
<body style="background-color:green; margin:0; padding:0;">
<h1>内链样式使用</h1>
<div style="background-color:red;font-size:20px;">
内链样式使用
<div>
</body>
</html>（2）嵌入式样式表：
demo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>嵌入式样式</title>
<style type="text/css">
<!--HTML标记定义 -->
body{
background:yellow;font-size:20px
}
div{
background:red;font-size:40px
}
</style>
</head>
<body>
<h1>嵌入式样式</h1>
<div>嵌入式样式</div>
</body>
</html>（2）引入式样式表：
demo.htnl
<!DOCTYPE html>
<html>
<head>
<title>引入式样式</title>
<meta charset="utf-8">
<!--style.css就是指定的样式，href为指定路径作用-->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>引入式样式</h1>
<a href="http://www.baidu.com" target="_blank">百度</a>
<br>
<p>引入式样式</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<div>css的html选择器</div>
</body>
</html>style.css
/* HTML样式定义 */
body{
background-color:yellow;
color:#fff
}
div{
background:red;font-size:20px
}以上就是css折叠样式（1）――使用css样式的三种方式的内容，更多相关内容请关注PHP中文网（www.php.cn）！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
480
