CSS（1）导入方式

时间：2021-06-20 22:50:48 阅读：38 评论：0 收藏：0 [点我收藏+]

导入方式

内部样式

 <!-- 内部样式 -->
   <style>
     h1{
       color: brown;
     }
   </style>

外部样式

   <!-- 外部样式 -->
   <!-- 链接式html（推荐） -->
   <link rel="stylesheet" href="../导入方式/style.css">

 h1{
   color: darkorange;
 }
 ?

   <!-- 导入式css2.1(不推荐) -->
   <style>
     @import "style.css";
   </style>

行内样式

 <!-- 行内样式：
 在标签元素中，编写一个style属性，编写样式即可
 不可取，应结构与表现分离
  -->
 <h1 style="color: #4a78c2">一级标题</h1>

优先级：就近原则

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>css</title>
 ?
   <!-- 内部样式 -->
   <style>
     h1{
       color: brown;
     }
   </style>
 ?
   <!-- 外部样式 -->
   <!-- 链接式html（推荐） -->
   <link rel="stylesheet" href="../导入方式/style.css">
 ?
   <!-- 导入式css2.1(不推荐) -->
   <style>
     @import "style.css";
   </style>
 ?
 </head>
 <body>
 ?
 <!-- 优先级：就近原则 -->
 ?
 <!-- 行内样式：
 在标签元素中，编写一个style属性，编写样式即可
 不可取，应结构与表现分离
  -->
 <h1 style="color: #4a78c2">一级标题</h1>
 ?
 </body>
 </html>
 ?

 h1{
   color: darkorange;
 }
 ?

CSS（1）导入方式

原文：https://www.cnblogs.com/qqyzml/p/14907393.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)