求助html怎么单独更改某个字体颜色？

时间：2024-01-14 07:42:01 | 来源：网站运营

时间：2024-01-14 07:42:01 来源：网站运营

求助html怎么单独更改某个字体颜色？：根据上面问题的阐述主要有两点：

1. 在哪儿改变字体的颜色（内容的样式）。
2. 怎么改变字体的样式（内容的样式）。

（一）理解html和css的关系和区别

回答以上两点问题之前很有必要对html和css的相关知识点做一些九点多简单的阐述和说明，html和css都是前端非常基础的知识点，两者相互配合能够做出很多非常好的呈现效果。html是超文本标记语言，主要就是一些标签，比如h1到h6这些标题啊标签，段落标签p,列表标签ul li,表格标签th和td等等。这些标签的作用主要就是存放内容。内容必须要放在标签中才能够通过浏览器渲染出来。这个时候在浏览器中渲染出来写样式效果都是html标签中默认的效果（通常都是无样式效果的）。这个时候页面的内容就像一个刚出生的小孩，只有具体的基本肢体骨架和身体结构，赤裸裸的展示在世人眼前，没有任何的修饰效果。

这个时候要想让这个孩子看上去美观得体一些，那么父母就要给他买一些漂亮的衣物穿上，让他以不同的，非常得体、非常漂亮的的效果呈现在世人眼前。而在前端的页面布局中，css就是起到这样一个效果，给由html标签搭建起来的网页骨架，穿上各种漂亮的衣服。漂漂亮亮的呈现给屏幕前的用户浏览使用。

由此可见，要改变本题中文字的颜色，也就是改变html标签中的内容的样式效果，就需要使用到css层叠样式表。根据以上对html和css关系的阐述,应该明白，css的作用对象时html标签。就像衣服是穿在人身上的，如果这个人不存在了，那么衣服所作用的对象也就不存在了，那么衣服也就没有存在的必要了。同理，如果有个人不穿衣服，赤裸的走在大街上，也是很不雅的，不得体的。所以要做出一个非常完美的网页效果，html和css就是相辅相成，缺一不可的了。

（二）html标签和css怎么关联呢（在哪儿改变内容样式以及怎么改变内容样式）。

都说了html和css相辅相成，那么他们之间怎么关联呢，又怎么个html这个身体骨架穿上css这件华丽的外衣呢。要想给html中加入css样式，就要再html中引入css的样式。主要有三种引入样式的方式，分别是：内联样式、内部样式和外部样式。

1、内联样式

这种方式主要是在html标签的内部加入css的样式，但是需要借助于style=“”来实现，双引号中写css的样式属性。比如，讲一个div标签中的文字颜色改成红色，代码如下：

<div style="color:red ;">大奖东去浪淘尽</div>当有多个样式属性同时使用的时候，每个样式属性之间用英文状态下的分号隔开，否则不会有效果。比如：

<div style="color:red ; width: 200px; height: 50px; background:purple">大奖东去浪淘尽</div>这种方式非常的简单，不需要另外的选择器就可以实现，但是在实际的开发中不建议使用这种方式。因为当代码内容很多的时候，整个页面会非常的凌乱，css代码和html代码的耦合性比较的大。不易于后期代码的维护。

2、内部样式

这种样式是在html页面内，由一对style标签来实现，所有的css样式代码都是放在style标签里面的，但是要借助于选择器来实现。比如：要改变ul li中的样式。如下：

html代码

<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>css代码

<style> li { list-style: none; width: 20px; height: 100px; border: solid 1px blue; } </style>这里对li设置的所有样式都是放在<style></style>这对标签里面的。在一定程度上降低了与html标签的耦合性。代码量不是很大的时候可以使用这种方式。在设置样式的时候，li就是一个选择器（元素选择器），在前端的技术中，选择器有很多种，后面会详细分析。

3、外部样式

这种引用CSS样式的方式是最常见的了，也是比较推荐大家去使用的，最大限度的降低了css代码和html代码之间的耦合度。后期维护非常的方面。是将css的样式代码单独放在一个css文件中，然后在html文件中使用<link rel="stylesheet" href="">引入。href=""中放的是css文件的路径。比如：在html的同一文件夹下建一个css文件，并将css文件映入到html文件中。

而所有的样式属性就是放在这个css文件中的

html中的代码

结果显示