内联方式:样式定义在单个的HTML元素中
内部样式表:样式定义在HTML页的头元素中
外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件
-
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>css样式演示</title>
-
<!-- 2.内部样式:在head元素里style标签里写样式,此样式可以被当前页面上众多元素复用 -->
-
<style type="text/css">
-
/*css的注释*/
-
h2{color:red;}
-
</style>
-
<!-- 3.外部样式:在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式 -->
-
<link rel="stylesheet" href="my.css">
-
</head>
-
<body>
-
<!-- 1.内联样式:在元素的style属性内直接写样式,此样式 无法复用 -->
-
<h1 style="color: #00bcd4;">CSS</h1>
-
<h2>CSS有三种样式</h2>
-
<p>1.内联样式</p>
-
<p>2.内部样式</p>
-
<p>3.外部样式</p>
-
</body>
-
</html>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
CSS