首頁  >  文章  >  web前端  >  css3中用什麼連接class

css3中用什麼連接class

WBOY
WBOY原創
2021-12-23 17:30:222050瀏覽

在css3中,可以利用「.class」選擇器連接class,該選擇器用於選取指定類別(class)的元素,選取指定元素後就可以設定選取元素的樣式,語法為“.class{css樣式代碼;}”。

css3中用什麼連接class

本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。

css3中用什麼連接class

#.class 選擇器選取指定類別 (class) 的元素。

類別選擇器允許以獨立於文件元素的方式來指定樣式。

此選擇器可以單獨使用,也可以與其他元素結合使用。

提示:只有適當地標記文件後,才能使用這些選擇器,所以使用這兩種選擇器通常需要先做一些構想和計劃。

要套用樣式而不考慮特定設計的元素,最常用的方法就是使用類別選擇器。

The .class選擇器是指定類別的所有元素的樣式。

範例如下:

<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>

輸出結果:

css3中用什麼連接class

#(學習影片分享:css影片教學

以上是css3中用什麼連接class的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn