嵌入式css样式,写在当前的文件中

Posted Rinpe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了嵌入式css样式,写在当前的文件中相关的知识,希望对你有一定的参考价值。

现在有一任务,把下面的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为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>之间。如右边编辑器中的代码。

示例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
<style type="text/css">
span{
   color:blue;
   font-size:18px;
}
</style>
</head>
<body>
    <p>xx网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>

 

以上是关于嵌入式css样式,写在当前的文件中的主要内容,如果未能解决你的问题,请参考以下文章

css样式表的知识点总结

Swoole 关于reload重启与回调函数中代码的重载

如何通过单击适配器类中代码的项目中的删除按钮来删除列表视图中的项目后重新加载片段?

如何更改 IPython(Jupyter) 中代码的突出显示颜色样式?

CSS的三种样式:内联式,嵌入式,外部式以及他们的优先级

iOS 中代码获取当前版本号