教你简单的使用CSS来改变网页中的文本颜色
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