首頁 >web前端 >css教學 >css樣式引入的三個級別

css樣式引入的三個級別

无忌哥哥
无忌哥哥原創
2018-06-28 16:59:521752瀏覽

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>

以上是css樣式引入的三個級別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn