CSS 三种引入方式

目录

  CSS 引入方式

  行内样式表(行内式)

  内部样式表(嵌入式)

  外部样式表(链接式)

CSS 引入方式

  按照CSS样式书写的位置不同(或者引入的方式)不同,CSS样式表可以分为三类:行内式、嵌入式、链接式。

内部样式表

  内部样式表是写到html页面内部,是把所有CSS代码抽取出来,单独方式一个<style>标签中。

<style>
    div {
        color: red;
    }
</style>

  注意:

  1. <style>标签理论上讲是可以放在HTML文档中的任何位置,但是一般放到<head>标签中

  2. 使用内部样式表设定CSS,通常也成为嵌入式引入

行内样式表

  行内样式表(内联样式表)是在元素标签内的style属性中设定CSS样式。适用于简单的样式

<p style="color: red;">p</p>

  说明:

  1. style是标签的属性

外部样式表

  样式单独写到CSS文件中,然后把CSS文件引入html中。开始时主要使用

<link rel="stylesheet" href="color.css">

  说明:

  1. color.css文件和当前的html属于同一级目录

posted @ 2022-02-09 09:07  zhuang6  阅读(246)  评论(0编辑  收藏  举报