引入css的方式有幾種

發(fā)布時間：2021-09-22 12:00:17 來源：億速云閱讀：278 作者：小新欄目：開發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)引入css的方式有幾種的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　CSS的引入方式共有三種：行內(nèi)樣式、內(nèi)部樣式表、外部樣式表。

　　CSS的引入行內(nèi)樣式

　　使用style屬性引入CSS樣式。

　　示例：

　　<h2>style屬性的應(yīng)用</h2>

　　<p>直接在HTML標(biāo)簽中設(shè)置的樣式</p>

　　實際在寫頁面時不提倡使用，在測試的時候可以使用。

　　例如：

　　復(fù)制代碼

　　<!DOCTYPE>

　　<html>

　　<head>

　　<metacharset="utf-8"/>

　　</head>

　　<body>

　　<h2>LeapingAboveTheWater</h2>

　　</body>

　　</html>

　　CSS的引入內(nèi)部樣式表

　　在style標(biāo)簽中書寫CSS代碼。style標(biāo)簽寫在head標(biāo)簽中。

　　示例：

　　<head>

　　<styletype="text/css">

　　h4{

　　color:red;

　　}

　　</style>

　　</head>

　　例如：

　　復(fù)制代碼

　　<!DOCTYPE>

　　<html>

　　<head>

　　<metacharset="utf-8"/>

　　<styletype="text/css">

　　div{

　　background:green;

　　}

　　</style>

　　</head>

　　<body>

　　<div>我是DIV</div>

　　</body>

　　</html>

感謝各位的閱讀！關(guān)于“引入css的方式有幾種”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

引入css的方式有幾種

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽