首頁 >web前端 >前端問答 >在css樣式中class是什麼

在css樣式中class是什麼

藏色散人
藏色散人原創
2021-03-01 10:27:068581瀏覽

在css樣式中class是指CSS的類別選擇器,允許以一種獨立於文檔元素的方式來指定樣式;類別選擇器允許以一種獨立於文檔元素的方式來指定樣式,用於描述一組元素的樣式,可以在多個元素中使用。

在css樣式中class是什麼

本文操作環境:windows7系統、CSS3版、Dell G3電腦。

css class指的是CSS的類別(class)選擇器,允許以一種獨立於文檔元素的方式來指定樣式。以下這篇文章跟大家介紹CSS 類別(class)選擇器,希望對大家有幫助。

CSS 類別(class)選擇器

類別選擇器允許以獨立於文件元素的方式來指定樣式,用於描述一組元素的樣式,可以在多個元素中使用。

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

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

類別(class)選擇器在HTML中以class屬性表示, 在CSS 中,類別選擇器以一個點"."號顯示:

【推薦:css視頻教學

範例:所有擁有center 類別的HTML 元素都是居中

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
.center{
text-align:center;
}

效果圖:

在css樣式中class是什麼

##你也可以指定特定的HTML元素使用class。

範例:所有的p 元素使用class="center" 讓該元素的文字居中

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
p.center
{
text-align:center;
}

效果圖:

在css樣式中class是什麼##註:在類別(class)選擇器中,類別名稱的第一個字元不能使用數字!它無法在 Mozilla 或 Firefox 中起作用。

以上是在css樣式中class是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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