Rumah  >  Artikel  >  hujung hadapan web  >  css样式引入的三个级别

css样式引入的三个级别

无忌哥哥
无忌哥哥asal
2018-06-28 16:59:521710semak imbas

1.属性引入: 在标签中添加style属性,仅适用于当前标签

2.c9ccee2e6ea535a969eb3f532ad9fe89标签引入: 在当前页面中使用c9ccee2e6ea535a969eb3f532ad9fe89标签引入,仅适用于当前文档

3.2cdf5bf648cf2f33323966d7f58a7f3f标签引入: 引用外部的CSS样式表文件,适用于所有引入该文件的文档

三种方式各有用途,根据需求来使用,不过,除非情况特殊,否则尽可能的使用外部样式表

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/demo.css">
<link rel="stylesheet" type="text/css" href="./css/demo.php">
<title>css样式引入的三个级别</title>
<style type="text/css">
h3  {
background-color: lightcyan;
color: blue;
}
</style>
</head>
<body>
<h3 style="color: green">这是一个悲伤的故事</h3>
</body>
</html>

Atas ialah kandungan terperinci css样式引入的三个级别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css中的基本术语Artikel seterusnya:css基本选择器