美文网首页
CSS三:CSS的三种引入方式

CSS三:CSS的三种引入方式

作者: 木易先生灬 | 来源:发表于2018-10-22 22:58 被阅读0次

CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。

#一、行内样式

使用style属性引入CSS样式。

示例:

<h1 style="color:red;">style属性的应用</h1>

<p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>

实际在写页面时不提倡使用,在测试的时候可以使用。

style属性的应用

直接在HTML标签中设置的样式

实际在写页面时不提倡使用,在测试的时候可以使用。

#二、内部样式表

在style标签中书写CSS代码。style标签写在head标签中。

示例:

<head>

   <style type="text/css">

      h3{

            color:red;

         }

   </style>

</head>

#三、外部样式表

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。

语法:

1、链接式

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />

2、导入式

<style type="text/css">

  @import url("css文件路径");

</style>

相关文章

  • CSS基础(一)

    1.CSS 的引入方式有哪些? CSS 的引入方式有以下三种: 行内样式使用style属性引入CSS样式。 内部样...

  • 技术 | Web前端开发(4)持续更新

    人死了,就变成一个星星,给走夜道的人照个亮儿 CSS: css的三种引入方式: 以上就是css的三种引入方式,分别...

  • 前端第二天

    前端第二天 目录: css三种引入方式 长度及颜色单位 常用样式 css选择器 一、css三种引入方式 1、行间式...

  • CSS基础(二)

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

  • CSS三种引入方式和五种选择器

    CSS 如何使用? 语法和规范 一、CSS 的三种引入方式 第一种:行内引入 第二种:内部引入方式 第三种方式:外...

  • CSS:前端基础 & CSS 初始

    学习目标 理解css 的目的作用css 的三种引入方式 应用css 三种引用方式的书写通过样式规则给标签添加简单的...

  • CSS学习

    一、三种方式添加CSS 外部样式(1)CSS在.css文件中(2)在html中用 方式引入 内部样式(1)将CSS...

  • 4. CSS基础知识

    CSS的全称是什么? Cascading Style Sheets, 层叠样式表。 CSS的引入方式 有三种引入方...

  • JavaScript之引入方式

    JavaScript的引入方式 JavaScript文件的引入方式与CSS引入方式类似,主要也是分为三种:标签内联...

  • css

    三种引入方式 行间样式:style。里面直接写的就是css 页面级css 中的 外部css文件 css选择器 i...

网友评论

      本文标题:CSS三:CSS的三种引入方式

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