CSS语法写在网页头部部分，即使用<head></head>标签包裹，利用 <style></style> 标签进行具体定义的。具体语句可以直接写在网页头部部分，也可以写在 CSS 文件中再在网页头部引用 CSS 文件。
CSS 的基本语法为：
<head>
<style>
选择器{
属性名：属性值;
属性名：属性值;
}
</style>
</head>
其中：
- 选择器：要修饰的对象（东西）
- 属性名：修饰对象的哪一个属性（样式）
- 属性值：样式的取值
通过一个小例子来查看CSS的效果：
-
只使用HTML语句网页呈现的效果为：
-
使用在HTML语句的基础上使用CSS样式的效果为：
下面是例子的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
background: #cccccc;
}
h2{
color:blue;
}
</style>
</head>
<body>
<p>winky</p>
<h2>hello wrold</h2>
</body>
</html>
注意，在 <style></style> 标签中，注释方式是 /* 注释内容 */，这与html的注释方式不同。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
