CSS¶
CSS是一组规则,其中每条规则制定了网页中的元素及其样式:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 class="drink">Mocha Caffe Latte</h1>
<p>Espressso, steamed milk and chocolate syrup, just the way you like it.</p>
</body>
</html>
h1.drink {
color: brown;
}
p {
font-family: sans-serif;
}
可以看到:
css_demo.html
引用外部styles.css
:<link rel="stylesheet" href="styles.css">
styles.css
配置的h1.drink
是对象<h1 class="drink"></h1>
配置为棕色;p
对象设置字体sans-serif
显示效果如下:
参考¶
Head First JavaScript