1.<span>标签
<span>是一个在开发网页时大量使用的没有语义的布局标签
特点:一行可以显示多个(行内组合元素),宽度和高度默认由内容撑开
2.CSS选择器
2.1 元素选择器:标签名{...}
元素名称{
color:red;
}
2.2 id选择器:#id属性值{...}
#id属性值{
color:red;
}
2.3 类选择器:.class属性值{...}
.class属性值{
color:red;
}
优先级:id选择器 > 类选择器 > 元素选择器
3.CSS属性
color:设置文本颜色
font-size:字体大小(注意:记得加px)
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>焦点访谈:中国底气 新思想夯实大国粮仓_新浪新闻</title>
<!--
1.<span>标签
<span>是一个在开发网页时大量使用的没有语义的布局标签
特点:一行可以显示多个(行内组合元素),宽度和高度默认由内容撑开
2.CSS选择器
2.1 元素选择器:标签名{...}
元素名称{
color:red;
}
2.2 id选择器:#id属性值{...}
#id属性值{
color:red;
}
2.3 类选择器:.class属性值{...}
.class属性值{
color:red;
}
优先级:id选择器 > 类选择器 > 元素选择器
3.CSS属性
color:设置文本颜色
font-size:字体大小(注意:记得加px)
-->
<style>
h1 {
color: #4D4F53;
}
/* 元素选择器
span {
color:#8897BA;
} */
/* id选择器
#time {
color: #8897BA;
} */
/* 类选择器 */
.cls {
color: #8897BA;
font-size: 16px;
}
</style>
</head>
<body>
<img src="./img/news_logo.png" > 新浪政务>正文
<h1>
焦点访谈:中国底气 新思想夯实大国粮仓
</h1>
<hr>
<span id="time" class="cls">2023年03月02日 21:50</span> <span>央视网</span>
<hr>
</body>
</html>