HTML基础 CSS基础2_body {background-color-优快云博客

本文介绍了两种常见的CSS样式应用方法：内联CSS与嵌入CSS。内联CSS通过HTML标记的style属性实现，直接作用于单一元素；而嵌入CSS则放置在<style>标签内，位于HTML文档的head部分，作用范围更广。文章提供了具体的代码实例帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.使用style属性内联CSS：内联样式是通过HTML标记的style属性实现的 style属性设为你想要配置的样式规则声明每个声明都由一个属性和一个值偶成属性和值之间用冒号：隔开如果属性不止一个就用；分隔 <h1 style="color:red;background-color:#cccccc">标题显示灰底红色<h1> <body style=" ">设置全局body （h1属性元素配置将覆盖body元素的全局样式）

<html>
<head>
<title> style
</title>
</head>
<body style="background-color:#CCFFFF;color:red;">
<a href="http://goole.com">Google</a>
<a href="contact.html">Contact</a>
</body>
</html>

5.配置嵌入CSS：嵌入样式应用于整个网页文档这些样式要放到网页head部分的<style>元素中起始<style>标记开始定义嵌入样式 </style>结束定义（使用XHTML语法时 <style>语法要求定义一个type属性要向该属性赋值“text/css" 指定CSS MIME类型

<html>
<head>
<title> style
</title>
<style>
body {background-color:#CCFFFF;color:red;}
</style>
</head>
<body>
<a href="http://goole.com">Google</a>
<a href="contact.html">Contact</a>
</body>
</html>