CSS_样式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>样式</title>
<!-- 2.内部样式:在head元素里面的style标签里写样式,此样式可以被当前页面上众多元素复用 -->
<style >
/*CSS的注释是这样的*/
h2{
color: blue;
}
</style>
<!-- 3.外部样式:在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式 -->
<link rel="stylesheet" href="My.css">

</head>
<body>
<!-- 1.内联样式:在元素的style属性内直接写样式,此样式无法复用 -->
<h1 style="color: red;">CSS</h1>
<h2>CSS有三种用法</h2>
<p>1.内联样式</p>
<p>2.内部样式</p>
<p>3.外部样式</p>



</body>
</html>

 

My.css

p{
color: yellow;
}

posted @ 2017-09-23 11:11  Big_hua  阅读(222)  评论(0编辑  收藏  举报