聲明css有三種方式,分別是:1、在head標(biāo)簽中使用style標(biāo)簽聲明;2、在標(biāo)簽上使用style屬性聲明;3、在head標(biāo)簽中使用link標(biāo)簽引入外部聲明好的css文件。
本文環(huán)境:windows10、css3,本文適用于所有品牌的電腦。
(學(xué)習(xí)視頻分享:css視頻教程)
聲明css有三種方式,分別是:
1、在head標(biāo)簽中使用style標(biāo)簽聲明:
作用:此聲明一般聲明當(dāng)前網(wǎng)頁(yè)的公共樣式或者給某個(gè)標(biāo)簽的單獨(dú)樣式
2、在標(biāo)簽上使用style屬性進(jìn)行聲明:
作用:此聲明會(huì)將css樣式直接作用于當(dāng)前標(biāo)簽。
3、在head標(biāo)簽中使用link標(biāo)簽引入外部聲明好的css文件
作用:此聲明相當(dāng)于調(diào)用,解決了不同網(wǎng)頁(yè)間樣式重復(fù)使用的問(wèn)題
優(yōu)點(diǎn):
一次聲明,隨處使用
注意:在同一頁(yè)面使用不同聲明方式則遵循就近原則。
舉例:
<!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> 測(cè)試聲明方式一 <hr > </hr> <!--方式二聲明--> <h1 style="background: #151515;color: aqua;">測(cè)試聲明方式二</h1> <h2>測(cè)試聲明方式三</h2> </body> </html>