小编给大家分享一下CSS的使用案例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
内联方式:样式定义在单个的HTML元素中
内部样式表:样式定义在HTML页的头元素中
外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css样式演示</title>
<!-- 2.内部样式:在head元素里style标签里写样式,此样式可以被当前页面上众多元素复用 -->
<style type="text/css">
h3{color:red;}
</style>
<!-- 3.外部样式:在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式 -->
<link rel="stylesheet" href="my.css">
</head>
<body>
<!-- 1.内联样式:在元素的style属性内直接写样式,此样式 无法复用 -->
<h2 style="color: #00bcd4;">CSS</h2>
<h3>CSS有三种样式</h3>
<p>1.内联样式</p>
<p>2.内部样式</p>
<p>3.外部样式</p>
</body>
</html>
以上是“CSS的使用案例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!