CSS的引入方式

CSS的四种引入方式：

1.行内式：

	<body>
			<!--行内式-->
			<p style="color: red;">我们不一样</p>
			
			
			<p>我们不一样</p>
			<p>我们不一样</p>
			<p>我们不一样</p>
			<p>我们不一样</p>
			
			
			
	</body>

 

2. 内嵌式：

	<!--内嵌式-->
			<style>
			p{
				color: yellow;
				font-size: 25px;
				font-weight: bold;
				font-family: 楷体;
			}

 

3.外部连接式（style标签之外，head标签之内）：


			<!--外部连接式   	
			rel:引入文件和当前文件的关系
			type:引入文件的相对位置
			href:引入文件的名字-->
			<link rel="stylesheet" type="text/css" href="css/ppp.css"/>

 

4.导入式（很少用）

            /**导入式**/
			@import url("css/ppp.css");

 

导入的css样式 

p{
	font-family: "黑体";

	font-style:italic;
	
	color: blue;
}

 

导入标签遵循就近原则，代码是从上往下运行的，谁离操作表单更近，表单就听谁的。

 

 

 

 

posted @ 2019-12-11 08:56  sakura-yxf  阅读(106)  评论(0)    收藏  举报