为什么使用css样式来设置网页的外观样式呢？ 示例代码中是一段文字，我们想把“V型知识库”、“IT技术知识”、“极高的阅读体验”这三个短语的文本颜色设置为红色，这时就 可以通过设置样式来设置，而且只需要编写一条css样式语句。
第一步：把这三个短语用<span></span>括起来。（见示例代码13行）
第二步：写入下列代码：（见示例代码7-8行）
span{
color:red;
}观察结果窗口文字的颜色是否变为红色了。
练习
新建示例页面demo.html，示例代码如下：
我来试一试：我们现在想把“V型知识库”、“IT技术知识”、“极高的阅读体验”这三个短语的文本颜色改为蓝色
在示例代码中的第8行，修改代码color:red;为color:blue;
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS样式的优势</title>
<style type="text/css">
span{
color:red;
}
</style>
</head>
<body>
<p>IT互联网开发技术网站，<span>V型知识库</span>网、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>IT技术知识</span>，内容专业、<span>极高的阅读体验</span>。！</p>
</body>
</html>
此文章本站原创，地址 https://www.vxzsk.com/1281.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：开始学习CSS，为网页添加样式
下一篇：python 常用第三方模块PIL
^