美文网首页
嵌入式css样式

嵌入式css样式

作者: LvyCode | 来源:发表于2017-07-31 17:22 被阅读53次

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

相关文章

  • CSS基础(二)

    1 - CSS样式的引入 CSS样式的引入可以采用三种方式: 内联式css样式 嵌入式CSS样式 外部式CSS样式...

  • 章节七、CSS样式基本知识

    内联式CSS样式嵌入式CSS样式外部式CSS样式(外联式) 外部式css样式(也可称为外联式)就是把css代码写一...

  • css杂记

    css的引入方式 嵌入式,内联样式style标签、外部css文件link、在a.css样式中引入b.css的样式:...

  • css的几种引入方式

    1.嵌入式 嵌入式是将CSS样式集中写在网页的 标签对的 标签对中。格式如下 ...此处写CSS样式 2.行内...

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

    嵌入式css样式,就是可以把css样式代码写在 标签之间。如下面代码实现把三个 标签中的文字设置为红色: 嵌入式...

  • HTML&CSS&JavaScript基本介绍

    本文内容为慕课网学习笔记。 CSS CSS样式类型 内联式css样式,直接写在现有的HTML标签中 嵌入式css样...

  • CSS样式添加

    三种: 一般来说优先级:内联式>嵌入式>外部式 内联式css样式,直接写在现有的html标签中嵌入式css样式,写...

  • 05 CSS的引入方式

    1.CSS的三种样式表 按照CSS样式书写的位置(或者引入的方式),CSS样式表可以分成三大类:内部样式表(嵌入式...

  • CSS引入方式-样式表

    一、CSS三种样式表 1、行内样式表(行内式) 2、内部样式表(嵌入式) 3、外部样式表(链接式) 二、内部样式表...

  • CSS样式

    CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。 ...

网友评论

      本文标题:嵌入式css样式

      本文链接:https://www.haomeiwen.com/subject/ufvuwttx.html