阅读量:0
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）
<!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>