第一个点(<style>)用来声明样式。在这个点中,大家可以写任何CSS规则,包括字体、颜色、布局等等。例如,大家可以在<style>标签中写下以下样式:
body {
font-family: Arial, sans-serif;
color: #f00;
background-color: #ccc;
这个样式声明了网页的body元素字体为Arial,颜色为#f00,背景颜色为#ccc。
第二个点(<style>)用来设置子元素的样式。在这个点中,大家可以写上要设置子元素的样式,例如:
font-size: 20px;
color: #007bff;
这个样式声明了h1元素字体大小为20px,颜色为浅蓝色。
第三个点(<style>)用来设置整个页面的样式。在这个点中,大家可以写上要设置整个页面的样式,例如:
body {
font-family: Arial, sans-serif;
color: #f00;
background-color: #ccc;
font-size: 20px;
color: #007bff;
.other-class {
font-size: 30px;
color: #007bff;
这个样式声明了body元素字体大小为Arial,颜色为#f00,背景颜色为#ccc,并定义了h1元素字体大小为20px,颜色为浅蓝色,以及.other-class元素字体大小为30px,颜色为深红色。
通过使用<style>标签,大家可以轻松地设置样式,从而使大家的网页更加美观、易于阅读。