聲明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中文網其他相關文章!