Web开发基础-CSS-01

Coder_Boy_

于 2018-06-18 14:41:13 发布

阅读量177

点赞数

分类专栏： Web开发

本文链接：https://blog.csdn.net/Coder_Boy_/article/details/80724081

版权

Web开发专栏收录该内容

108 篇文章 0 订阅

订阅专栏

层叠样式表(英文全称：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文件内容：