美文网首页
在HTML中引入CSS的3种方式

在HTML中引入CSS的3种方式

作者: 自己刮开看丶 | 来源:发表于2020-03-16 13:09 被阅读0次

1.行内样式表(又叫 内联样式)

<!DOCTYPE html>
<head>
      <title></title>
</head>
<body>
      <p style="color: red; "> I love China!</p>
</body>
</html>

2.内部样式表

<!DOCTYPE html>
<head>
      <title></title>
      <style type="text/css">
          p{
            color:red;
         }
      </style>
</head>
<body>
      <p> I love China!</p>
</body>
</html>

3.外部样式表

<!DOCTYPE html>
<head>
      <title></title>
      <link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
      <p> I love China!</p>
</body>
</html>

相关文章

  • css样式加载

    CSS 引入方式 有 4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加...

  • CSS基础与选择器

    一、CSS加载方式 外部样式表(推荐) 通过 在html中引入CSS: 通过@import引入样式,放入CSS中,...

  • CSS 中 link 和@import 的区别是

    引入方式: link是html标签,通过在html文件中引入,@import在css文件中引入 兼容性: link...

  • CSS 中 link 和@import 的区别是

    引入方式: link是html标签,通过在html文件中引入,@import在css文件中引入 兼容性: link...

  • 2018-09-11

    CSS引入的方式有哪些? link和@import的区别是? 有 4 种方式可以在 HTML 中引入 CSS。 1...

  • css引入方式

      引入css,我把它分为在html文件中引入和在css文件中引入(网上大多称这种方式为导入)两种不同的方式。 一...

  • CSS引入方式和优先级简单介绍

    css引入方式 内联方式, 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 嵌入方式,...

  • CSS学习

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

  • html引入css的几种方式(复习笔记)

    一.html引入css的方式 1.内联样式 在html标签内的style属性中设定CSS样式,例如: 你好 注:在...

  • css的引入和选择器

    1.css的引入方式 内联样式:将css样式通过style属性引入,作为style属性值的方式写在html标签中。...

网友评论

      本文标题:在HTML中引入CSS的3种方式

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