溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

css如何調(diào)用class

發(fā)布時(shí)間：2021-11-25 17:34:32 來(lái)源：億速云 閱讀：192 作者：小新 欄目：web開(kāi)發(fā)

小編給大家分享一下css如何調(diào)用class，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在css中，可以利用“.class”選擇器來(lái)調(diào)用class，該選擇器用于選取帶有指定class屬性的元素，語(yǔ)法為“.class屬性值{css樣式代碼;}”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

我們平常在制作網(wǎng)頁(yè)頁(yè)面時(shí)，常會(huì)用到class選擇調(diào)用CSS樣式屬性。對(duì)學(xué)習(xí)CSS的新手來(lái)說(shuō)class的使用不是很熟悉，下面我們來(lái)簡(jiǎn)單介紹一下。

Class在程序中稱(chēng)“類(lèi)”，同時(shí)在CSS中也書(shū)面語(yǔ)也叫“類(lèi)”。在CSS樣式中以小寫(xiě)的“點(diǎn)”及“.”來(lái)命名如：.top{屬性：屬性值;}。

也就是“.”class選擇器選取帶有指定類(lèi) (class) 的元素。

在html頁(yè)面里則以class="top"來(lái)選擇調(diào)用,如：.top{屬性：屬性值;}，在html里調(diào)用為<div class="top">這里是文字</div>

示例如下：

<!DOCTYPE html>
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h2>歡迎來(lái)到我到的主頁(yè)</h2>
<div class="intro">
<p>我是唐老鴨。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>

輸出結(jié)果：

css如何調(diào)用class

可以看出，通過(guò)“.class”選擇器能夠調(diào)用指定的class執(zhí)行指定的css樣式。

注意事項(xiàng)：

這些都是最簡(jiǎn)單的css，希望對(duì)初學(xué)者有幫助。

以上是“css如何調(diào)用class”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手