黑马程序员_加载CSS的四种方式以及CSS代码格式

最新推荐文章于 2024-01-09 11:11:29 发布

棉花先生

最新推荐文章于 2024-01-09 11:11:29 发布

阅读量284

点赞数

本文链接：https://blog.csdn.net/li410992562/article/details/8596844

版权

[java]view plaincopyprint? 
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 <html>  
   <head>  
     <title>css_1.html</title>  
       
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
     <meta http-equiv="description" content="this is my page">  
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
       
     <!-- 注意：  
         样式优先级：  
             由上到下，由外到内，优先级由低到高。  
      -->  
       
     <!-- 加载css方法一：引入css文件 -->  
     <link rel="stylesheet" type="text/css" href="div.css">  
   </head>  
   <!-- 加载css方法三：style标签内嵌-->  
   <style type="text/css">  
     /*div{<!--在这里指定所有的div的样式--> 
         color: blue; 
         background-color: purple; 
     }*/  
     <!-- 加载css方法二：引入css文件 -->  
     @import url(div.css);<!--这就是导入css的一种方式,这是css代码实现引入,注意：这种方式写，必须写在style标签里面才行-->  
   </style>  
   <body>  
   <!-- 加载css方法四：style属性 -->  
   <!-- 在这里也可以单独指定样式，如果上面统一指定了样式，这里没有单独指定的话，按照同意样式，如单独指定，按照单独指定样式，因为单独指定样式会覆盖统一指定样式 -->  
     <div style="color:yellow;background-color: lime">div实例一</div>  
      <div>div实例二</div>  
      <hr/>  
      <span>span实例一</span>  
      <span>span实例二</span>  
      <hr/>  
      <p>p段落一</p>  
      <p>p段落二</p>  
   </body>  
 </html>  

说明：

1，属性与属性之间用分号隔开

2，属性名与属性值之间用冒号连接

3，如果一个属性有多个值的话，那么多个值用空格隔开

棉花先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
黑马程序员_加载CSS的四种方式以及CSS代码格式

[java] view plaincopyprint?"-//W3C//DTD HTML 4.01 Transitional//EN"> css_1.html "keywords" content="keyword1,keyword2,keyword3"> "description" co
复制链接

扫一扫