777av视频,久久久成人精品一区二区三区,99久久久无码国产精品性色戒

導讀網頁的本質就是超級文本標記語言，通過結合使用其他的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中文網其它相關文章！

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:雨林木風下載站 > 網頁設計教程 > 詳細頁面

html元素如何確定使用id還是class選擇器？（示例）

本類教程下載

系統下載排行