1、新建html文件和css文件
①在桌面新建一个文件夹，然后新建两个text文件；
②分别将text文件重命名为index.html和css.css。
2、输入html代码
①用记事本打开index.html文件，输入以下代码；
<html>
<head>
<title>html修改字体颜色的几种方式</title>
<link href="css.css"/>
</head>
<body>
<p>字体颜色的不同设置方法</p>
</body>
</html>
②用浏览器打开浏览效果。
3、标签内嵌入字体标签设置颜色。
①编辑index.html，在<p>标签内输入以下代码；
<font color="#008252">字体颜色的不同设置方法</font>
②浏览器浏览效果。
4、标签内嵌入style样式设置颜色。
①另起一行字体，并在标签内输入以下代码；
<p style="color:#FF0000">
②在浏览器中检查效果。
5、网页内部嵌入标签选择器样式设置颜色。
①给文字的<p>标签命名一个ID；
②在<head></head>之间输入以下代码；
<style>
#p1{color:#FFFF00;/*标签选择器*/}
</style>
③浏览器中查看效果。
6、网页内嵌入类选择器设置颜色。
①给文字的标签命名一个Class；
②在<style></style>中输入以下代码；
.p1{color:#D1f3c6;/*类选择器*/}
③浏览器查看效果。
7、外部CSS样式设置颜色。
①在网页头部输入以下连接CSS外部文件代码；
<link href="css.css"/>
②在网页中写入以下代码；
<p id="p2">字体颜色的不同设置方法</p>
<p class="p2">字体颜色的不同设置方法</p>
③用记事本方式打开css文件，输入以下代码；
④浏览器检查效果变化。
博思aippt
2024-07-20 广告
