<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.one{
color: #2f5d8c;
}
.two{
color: #81488c;
}
.three{
color: red;
}
</style>
</head>
<body>
<h1 class="one">标题1</h1>
<h1 class="two">标题2</h1>
<h1 class="three">标题3</h1>
<!--类选择器的格式 .class的名称{}
好处,可以多个标签归类,是同一个class,可以复用 -->
</body>
</html>
相关文章
- 01-01jQ的四类基本选择器
- 01-01CSS选择器之伪类选择器(元素)
- 01-01转载:CSS3之伪元素选择器和伪类选择器
- 01-01网站建设之CSS中用类选择器实现登录表单
- 01-01css-3.基本选择器之2.类选择器
- 01-012、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器
- 01-01Jquery选择器之基本选择器
- 01-01盒子总结,文本属性操作,reset操作,高级选择器,高级选择器优先级,边界圆角(了解),a标签的四大伪类,背景图片操作,背景图片之精灵图
- 01-01CSS3之伪元素选择器和伪类选择器
- 01-01前端笔记之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡