|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 我們在建設網站的時候,必然要對網站內容進行樣式設計。那么HTML元素中想要實現設置css樣式,我們需要從何下手呢?這里我們就需要在HTML元素中設置id和class選擇器。那有的新手朋友可能就會問,css class怎么用?div標簽用id還是class呢?本篇文章就給大家介紹關于css類選擇器id和class的用法和區別。希望通過對id和class通俗易懂點的描述對大家有所幫助。 一、css類選擇器id代碼使用示例如下: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#p1
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="p1">css定義id選擇器示例</p>
<p>這一段文字就不會受影響。</p>
</body>
</html>效果如下圖:
二、css類選擇器class代碼使用示例如下: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.p1
{
text-align:center;
color: #3262ff;
}
</style>
</head>
<body>
<p class="p1">css定義class選擇器示例</p>
<p>這一段文字就不會受影響。</p>
</body>
</html>效果如下圖:
三、id和class結合使用就是上述兩種方法結合在一起即可。 這里需要注意的是: ID加前綴"#";id一個頁面只可以使用一次; id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。 CLASS用"." class可以多次引用。 class 選擇器用于描述一組元素的樣式,class 選擇器有別于id選擇器,class可以在多個元素中使用。 那么通過本篇文章關于css .class#id這兩個選擇器的介紹,希望對新手在糾結用class還是id時有所幫助。 以上就是html元素如何確定使用id還是class選擇器?(示例)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!