黑马JavaWeb开发笔记02——HTML实现标题：样式（CSS引入、CSS选择器、span标签）、超链接

---

前言

本篇文章是2023年最新黑马JavaWeb开发笔记02：HTML实现标题：样式（CSS引入、CSS选择器、span标签）和超链接内容的总结，帮助需要学习Web开发的朋友温故而知新。

1. CSS三种引入方式
2. 颜色的表示（英文、RGB、十六进制）
3. < span > 标签
4. CSS选择器
5. 超链接标签< a >

---

一、标题样式1：新闻标题颜色

1. CSS三种引入方式

新浪新闻的大标题颜色是深灰色，而不是黑色，要用CSS样式控制，CSS有三种引入方式

• 行内样式（不推荐）
  

• 内嵌样式：写在style标签中（可以写在页面任何位置，但通常写在head标签中）
  

• 外联样式：写在一个单独的.css文件中（需要通过link标签在网页中引入）
  创建css文件夹->编写.css文件->通过link引入（要选link:css)
  
  href后面跟css文件路径
  

2. 颜色表示

3. javacode实现

• 右击html文件->duplicate 可以直接复制一份html文件，重命名一下，命名为标题样式1
  
• 用css修改标题颜色（我们使用方式二：内嵌样式），用吸色工具分辨出标题的rgb或者十六进制值，直接用color把rgb的值粘贴上去就行
  
• 最后实现效果
  

二、标题样式2：发布时间颜色

1. < span >标签

• 标签无意义，只是用来组合一行的元素的
• 可以把一行的元素单独切割，方便单独修改
  

2. CSS选择器

• 顾名思义：选择器是选取需设置样式的元素（标签），但是我们根据业务场景不同，选择的标签的需求也是多种多样的，所以选择器有很多种，因为我们是做后台开发的，所以对于css选择器，我们只学习最基本的3种。
• 选择器通用语法如下：

选择器名 {
   
css样式名：css样式值;
css样式名：css样式值;
}

• 我们需要学习的3种选择器是元素选择器，id选择器，class选择器