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

2025-04-10 03:54:36

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。当代浏览器都支持 CSS .

工具/原料

电脑记事本或dreamweaver编辑器

CSS的认识

1、什么是CSS1,CSS 指层叠样式表 (CascadingStyleSheets)2,样式定义如何显示HTML 元素3,样式通常存储在样式表中4,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题5,外部样式表可以极大提高工作效率6,外部样式表通常存储在CSS 文件中7,多个样式定义可层叠为一

CSS的语法

1、例:h1 { color : #000; }h1指的是选择器,简单的说是标签名color指的是属性名#000指的是属性的值

2、CSS实例:新建一个文本文档test.t垓矗梅吒xt把test.txt改为test.html文件选择该文件,右击打开方式(H),选择记事本打开,在文本中输入以下代码:<html><head><title>该网页的标题</title></head><body><p>测试语句</p></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。
猜你喜欢