CSS的引入方式都有那几种?

CSS的引入方式

  • css有三种样式表
    • 行内样式表(行内式)
    • 内部样式表(嵌入式)
    • 外部样式表(连接式)

内部样式表

  • CSS代码抽取出来,放到style标签中
  • 理论上 style 可以放到任何地方,但默认放在 head 里

行内样式表

  • 直接在标签里面加上属性 style 就可以了
  • 代码样例:
<p style="color: pink; "></p>
  • style是标签属性,只能控制当前标签

外部样式表

  • 使用较多的方法

  • 在外部单独写一个css页面

  • 操作步骤

    1. 新建一个.css文件
    2. 把之前在style标签里写的写在css文件里
    3. 在HTML页面中在 head 里写 <link> 标签来引入这个页面
    <link rel="stylesheet" herf="css路径">

猜你喜欢

转载自blog.csdn.net/LQZ8888/article/details/107898735
今日推荐