java学习笔记（24）css的引入方式----行内样式引入，内嵌式，链接式-CFANZ编程社区

java学习笔记（24）css的引入方式----行内样式引入，内嵌式，链接式

1.行内样式引入
借助标签的style属性
style属性中的值语法为样式名：样式值；…

    <span style="font-size: 20px; color:bule;">
          滴滴滴滴
    </span>

内嵌式
将css样式的代码抽取出来，，通过样式选择器确定样式作用范围
在head标签中，使用一对style标签，定义css样式
优点：减少相同代码的编写量，减少代码的维护工作量

   <head> 
       <style>
           span*此处的span为选择器
               {
                   tyle="font-size: 20px; color:bule;"
               }
          </style>  
   </head>
   <body>
       <span >
           滴滴滴滴
       </span>
       <span >
           滴滴滴滴
       </span>
       <span >
           滴滴滴滴
       </span>
    </body>

3.链接式
行列式只能将样式作用于当前标签
内嵌式可以将样式作用于多个标签，不能做用于其他网页
链接式可以将样式的作用范围扩大多个不同网页，链接式可以将css代码放入独立的.css文件中，可以使当前页面更加简洁

 <link type="text/css" herf="css地址">
            *链接css文件

当三种引入方式同时作用于同一个标签，如果样式有冲突时，优先级原则：就近原则

ps：个人学习笔记，如有错误请大佬指正（手动狗头）

0 条评论