Html学习之六(CSS选择器的使用--基础选择器的使用)
2024-09-06 09:09:53
一、基础选择器
1.id选择器
2.class选择器
3.元素选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>id选择器</title>
<style>
#text{
font: "微软雅黑";
color: red;
}
</style>
</head>
<body>
<h1 id="text">长恨歌 </h1>
<h3 id="text">作者:白居易</h3>
<p id="text">
《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>class选择器</title>
<style>
.red-text{
font: "微软雅黑";
color: red;
}
</style>
</head>
<body>
<h1 class="red-text">长恨歌 </h1>
<h3 class="red-text">作者:白居易</h3>
<p class="red-text">
《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素选择器</title>
<style>
h1{color: blue;}
p{
font: "微软雅黑";
color: red;
}
</style>
</head>
<body>
<h1>长恨歌 </h1>
<h3>作者:白居易</h3>
<p>
《长恨歌》是唐代诗人白居易的一首长篇叙事诗。全诗形象地叙述了唐玄宗与杨贵妃的爱情悲剧。诗人借历史人物和传说,创造了一个回旋宛转的动人故事,并通过塑造的艺术形象,再现了现实生活的真实,感染了千百年来的读者,诗的主题是“长恨”。该诗对后世诸多文学作品产生了深远的影响。
</p>
</body>
</html>
最新文章
- cocos初认识
- CSS各种定位详解
- Javascript实现时钟
- nginx的gzip选项和expire过期时间记录
- 每日会议<;第二天>;
- UVa 11995 I Can Guess the Data Structure!
- java 时间格式化(2016.04.12 12:32:55)
- 表达式 - PHP手册笔记
- Excel开发
- ZOJ 3529 A Game Between Alice and Bob 博弈好题
- Gentoo安装详解(四)-- 声卡设置
- Inno Setup入门(三)&mdash;&mdash;指定压缩方式
- MyBatis学习(五)resultMap测试
- Kindeditor JS 取值问题以及上传图片后回调等
- AspNet Core 核心 通过依赖注入(注入服务)
- leetcode 1——两数之和
- 表单传值给@Controller
- python之路:模块初识
- 在 Django/Flask 开发服务器上使用 HTTPS
- Flutter - Json序列化