CSS样式规则
使用HTML时,需要遵从一定的规范。CSS也是如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下:
选择器 {属性:属性值;属性:属性值;}
如:h1 {color:red; font-size:20px;}
在上面的规则中:
1、选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
2、属性和属性值以“键值对”的形式出现。
3、属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
4、属性和属性值之间用英文的“:”连接
5、多个“键值对”之间用英文“;”进行区分;
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<h1>我的第一个CSS样式</h1>
</body>
</html>
效果如下: