聲明css有哪幾種方式
- 王林原創
- 2020-11-27 11:09:223017瀏覽
聲明css有三種方式，分別是：1、在head標籤中使用style標籤聲明；2、在標籤上使用style屬性聲明；3、在head標籤中使用link標籤引入外部聲明好的css檔。
本文環境：windows10、css3，本文適用於所有品牌的電腦。
（學習影片分享：css影片教學）
聲明css有三種方式，分別是：
1、在head標籤中使用style標籤宣告：
作用：此宣告一般宣告目前網頁的公共樣式或給某個標籤的單獨樣式
2、在標籤上使用style屬性宣告：
作用：此聲明會將css樣式直接作用於目前標籤。
3、在head標籤中使用link標籤引入外部聲明好的css檔案
作用：此聲明相當於調用，解決了不同網頁間樣式重複使用的問題
優點：
一次聲明，隨處使用
注意：在同一頁面使用不同聲明方式則遵循就近原則。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--方式一声明-->
<style type="text/css">
hr{
width: 100%;
height: 50px;
color: #000000;
background: #808080;
}
</style>
<!--方式三声明-->
<link rel="stylesheet" type="text/css" href="my.css"/>
</head>
<body>
测试声明方式一
<hr > </hr>
<!--方式二声明-->
<h1 style="background: #151515;color: aqua;">测试声明方式二</h1>
<h2>测试声明方式三</h2>
</body>
</html>相關推薦：CSS教學
#以上是聲明css有哪幾種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn