教你简单的使用CSS来改变网页中的文本颜色

2025-10-17 14:38:00

1、什么是CSS

1,CSS 指层叠样式表 (Cascading Style Sheets)

2,样式定义如何显示 HTML 元素

3,样式通常存储在样式表中

4,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

5,外部样式表可以极大提高工作效率

6,外部样式表通常存储在 CSS 文件中

7,多个样式定义可层叠为一

1、例:h1 { color : #000; }

h1指的是选择器,简单的说是标签名

color指的是属性名

#000指的是属性的值

2、CSS实例:

新建一个文本文档test.txt

把test.txt改为test.html文件

选择该文件,右击打开方式(H),选择记事本打开,在文本中输入以下代码:

<html>

<head>

<title>该网页的标题</title>

</head>

<body>

测试语句

</body>

</html>

该文件再使用浏览器打开

结果如下

在该文本中,并没有任何的CSS样式,接下来就开始写入一个简单的CSS样式:

在<head></head>标签之间添加以下代码:

<style>

p { color : #03f; }

</style>

<style></style>标签是必加的元素,在该标签内才能写入CSS代码

或者新建一个文件,文件名后缀名改为css结尾,并在html文件的<head></head>标签内写入<link rel="stylesheet" href="css.css" type="text/css" />

rel="stylesheet"是必写的,href="css.css"是写css文件所在的位置,如css文件所在的位置与html文件所在的位置一样,那么href的值就直接写文件名,如果css文件在html文件的上一级,href的值在前面加../。

html文件加上css样式后浏览器所显示为字体是深蓝色

以上就是最简单的css样式基础,如果想深入学习,复制链接进入runoob.com

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢