私用学习笔记
一.设置颜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章</title>
<style>
span
{
/* 方法二：设置颜色 */
color: rgba(235, 235, 235, 1);
}
</style>
<!-- 引入css文件 -->
<!-- <link rel="stylesheet" href="css/news.css"> -->
</head>
<body>
<!-- 定义一个标题，内容是：【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章 -->
<h1>【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章</h1>
<!-- 定义一个超链接，内容为央视网，链接到http://www.cctv.com/ -->
<a href="http://www.cctv.com/" target = "_blank">央视网</a>
<!-- 方法一：行内样式 灰色
2024年05月15日 20:07 -->
<!-- <span style="color:gray">2024年05月15日 20:07</span> -->
<!-- 方法二:内部样式 针对当前页面有效
定义一个span标签，内容是：2024年05月15日 20:07 -->
<span>2024年05月15日 20:07</span>
<!-- 方法三：外部样式 灰色 创建css文件提高了复用性 -->
<!-- <span class="gray">2024年05月15日 20:07</span> -->
</body>
</html>
二.CSS中常见的选择器
优先级：id选择器＞类选择器>元素选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章</title>
<style>
/* 元素选择器
span
{
color: rgba(235, 235, 235, 1);
} */
/* 类选择器
.cls
{
color: rgba(226, 88, 54, 0.7);
} */
/* ID选择器 */
#time
{
color: rgb(175, 172, 172);
}
a{
/* 取消超链接下划线 */
text-decoration: none;
}
</style>
</head>
<body>
<h1>【新思想引领新征程】推进长江十年禁渔 谱写长江大保护新篇章</h1>
<a href="http://www.cctv.com/" target = "_blank">央视网</a>
<span class = "cls" id = "time">2024年05月15日 20:07</span>
</body>
</html>
