现在有一任务，把demo.html示例页面中的“超酷的互联网”、“IT技术知识聚合学习平台”、“知识节点聚合”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情（为每一个<span>标签加入sytle="font-size:18px"语句），本小节讲解一种新的方法嵌入式css样式来实现这个任务。
嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色：
<style type="text/css">
span{
color:red;
}
</style>嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如下面demo.html示例页面中的代码。
练习
新建示例页面demo.html，示例代码如下：
我来试一试：用嵌入式css样式设置字体颜色
1、在示例代码中的段落中，有三个<span>标签，请把这三个<span>标签中的文字颜色都设置为蓝色
示例代码
<!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>V型知识库，<span>超酷的互联网</span>、<span>IT技术知识聚合学习平台</span>，本平台以电子书的形式展现给用户；<span>章节清晰</span>，内容专业、<span>知识节点聚合</span>。给用户良好的阅读学习体验！</p>
</body>
</html>
此文章本站原创，地址 https://www.vxzsk.com/1292.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：第四章 Hadoop的伪分布式搭建安装
下一篇：5.2、外部式css样式
^