CSS教程

4.四种CSS导入方式

本文主要是介绍4.四种CSS导入方式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

4.四种CSS导入方式

代码部分:

  • 行内样式

     <!--优先级: 就近原则, 离元素越近优先级越高-->
     <!--行内样式: 在标签元素中, 编写一个style属性, 编写样式即可-->
     <h1 style="color: red;">我是标题</h1>
  • 内部样式

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

     <!--外部样式-->
         <link rel="stylesheet" href="css/style.css">
     /*外部样式*/
     h1{
         color: yellow;
     }
  • 导入式

     <!--导入式-->
     <style>
         @import url(css/style.css);
     </style>

 

笔记部分:

 

 

 

 

 

这篇关于4.四种CSS导入方式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!