CSS-四种css引入方式,、CSS注释的方式、css样式优先级 

css样式优先级：行内样式>内部样式>外部样式>，但是css是以就近原则为准的，比如：如果外部样式离元素比内部样式
近，那外部样式的优先级就给内部样式的高，也就是说谁离元素近，就用谁
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>导入方式</title>
  <!--第二种方式：内部样式-->
  <style>
  /*在css代码中的注释方式*/
    h1{
      color:red;
    }
  </style>
  <!-- 外部css样式引入方式：两种写法
    html中的:
    链接式是最多使用：<link rel="stylesheet" href="css/style">

　　css2.1中特有的：不常用，因为他会先显示页面的框架，才会渲染，而链接式的是先渲染完，才显示出来
    导入式：<style>
　　  　　　　@import url("css/style.css");
　　　　  　　</style>
　　　　一定要放到style标签中才行
    -->

  <link rel="stylesheet" href="css/style.css">
  
  <style>
  　　@import url("css/style.css");
  </style>
  
</head>
<body>
  
  <!--第一种方式：不建议使用行内样式：在标签元素中，编写一个style属性，编写样式即可-->
    <h1 style="color:red">标题</h1>
</body>
</html>

 

posted @ 2022-06-16 16:44  hollg  阅读(97)  评论(0)    收藏  举报