加载CSS的四种方式以及CSS代码格式

最新推荐文章于 2023-04-21 15:28:11 发布

King·Forward

最新推荐文章于 2023-04-21 15:28:11 发布

阅读量1.1k

点赞数

分类专栏： JavaWeb 文章标签： css stylesheet div html import url

本文链接：https://blog.csdn.net/wjw_java_android/article/details/8019955

版权

JavaWeb 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!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>

总结CSS代码格式

选择器名称{ 属性名：属性值；属性名：属性值； }

说明：

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

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

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

King·Forward

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
加载CSS的四种方式以及CSS代码格式

css_1.html -->  /*div{ color: blue; background-color: purple; }*/ @import
复制链接

扫一扫