5.完成新浪新闻-标题-样式
行内样式:在当前标签这一行追加:style="color:red",只作用于当前这一行
内部样式:在当前文件的head标签里面写一个style标签,在这个标签里声明样式
内部样式是作用于所有的声明标签,如上就是丢所有 h1 标签生效
如果内部样式和行内样式同时存在,则
行内 > 内部
外部样式:单独定义一个css文件,在这个文件里声明指定标签的样式,然后在需要的文件里引入即可
注意路径尽量保持一致,后缀必须保持一致[即文件一定是css结尾]
css文件内容如下
在原有的html基础上引入文件
Plain Text
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
新浪政务>正文
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审111
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审222
2025年8年29日 17:02 央视网
当行内、内部、外部同时存在:行内>内部>外部
谁离我近,谁优先级高
我们可以依次删除行内、内部来验证
验证内部>外部
Plain Text
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
新浪政务>正文
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审111
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审222
2025年8年29日 17:02 央视网
验证外部样式生效
Plain Text
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
新浪政务>正文
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审111
“韩国宪政史上首次”!韩媒:前总统夫妇将同时在羁押状态下受审222
2025年8年29日 17:02 央视网