html代码class=,css class是啥?
class是類選擇器,允許以一種獨立于文檔元素的方式來指定樣式;會選取帶有指定類 (class) 的元素來指定樣式。
class選擇器可以單獨使用,也可以與其他元素結合使用。
在 CSS 中,類選擇器以一個點號顯示:.center {text-align: center}
在使用類選擇器之前,需要修改具體的文檔標記,以便類選擇器正常工作。
為了將類選擇器的樣式與元素關聯(lián),必須將 class 指定為一個適當?shù)闹怠U埧聪旅娴?HTML 代碼:
This heading is very important.
This paragraph is very important.
在上面的代碼中,兩個元素的 class 都指定為 important:第一個是標題( h1 元素),第二個是段落(p 元素)。
然后我們使用以下語法向這些歸類的元素應用樣式,即類名前有一個點號(.),然后結合通配選擇器:*.important {color:red;}
如果您只想選擇所有類名相同的元素,可以在類選擇器中忽略通配選擇器,這沒有任何不好的影響:.important {color:red;}
擴展資料
class 值中包含一個詞的情況。在 HTML 中,一個 class 值中可能包含一個詞列表,各個詞之間用空格分隔。
例如:如果希望將一個特定的元素同時標記為重要(important)和警告(warning),就可以寫作:
This paragraph is a very important warning.
這兩個詞的順序無關緊要,寫成 warning important 也可以。
假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有一個銀色的背景 。
就可以寫作:.important {font-weight:bold;}
.warning {font-weight:italic;}
.important.warning {background:silver;}
通過把兩個類選擇器鏈接在一起,僅可以選擇同時包含這些類名的元素(類名的順序不限)。
更多web前端開發(fā)知識,請查閱 HTML中文網(wǎng) !!
總結
以上是生活随笔為你收集整理的html代码class=,css class是啥?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML下拉菜单去掉点,jQuery点击
- 下一篇: 2021绵阳南山高考成绩查询,绵阳南山中