Web开发基础-CSS-01

层叠样式表(英文全称:Cascading Style Sheets)使用方式

<!doctype html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>样式的使用方式</title>	
		<!-- 2.内部样式:
			在head的style子标签中写的css。
			该css可以在当前页面复用。
		 -->
		 <style type="text/css">
		 	/* css的注释是这样的 */
		 	h2 {
		 		color:blue;
		 	}
		 </style>
		 <!-- 3.外部样式:
		 	通过link标签引入的外部css文件。
		 	任何页面都可以复用这些样式。
		  -->
		  <link rel="stylesheet" href="my.css">
	</head>
	<body>
		<!-- 1.内联样式:
			直接在元素的style属性里写css。
			该css无法复用。
		 -->
		 <h1 style="color:red;">css的使用方式</h1>
		 <h2>css有3种用法</h2>
		 <p>1.内联样式</p>
		 <p>2.内部样式</p>
		 <p>3.外部样式</p>
	</body>
</html>

第三种外部样式引用的my.css文件内容:

p {
	color:yellow;
}

最终页面效果


猜你喜欢

转载自blog.csdn.net/Coder_Boy_/article/details/80724081
今日推荐