CSS設計中ID與CLASS之間的區別

DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的肇端標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特征由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

我們都知道，在網頁上行使HTML定位文字和圖像是一件“令人心痛”的事情。我們必須使用表格標簽和隱式GIF圖像，即使這樣也不能保證定位的正確，因為瀏覽器和操作平臺的不同會使顯示的效果發生轉變。

而CSS能使你看到希望的曙光。行使今天我們即將學到的CSS屬性，你可以正確地設定要素的位置，還能將定位的要素疊放在彼此之上，還有...還有......你自己慢慢看吧！

Cascading Style Sheets（CSS）是 DHTML 的基礎。CSS 用來設定你網頁上的元素是如何展示的。Cascading Style Sheets Positioning（CSS-P）是 CSS 的一個擴展，它可用來控制任何東西在網頁上或是說在窗口中的位置。請你記住這兩個名詞：CSS 和 CSS－P。下面四個英文網址提供了具體的關于 CSS 和 CSS-P 的文件息爭釋。

        class是設置標簽的類

        id是設置標簽的標識

        class屬性用于指定元素屬于何種樣式的類。

        如樣式表可以加入

        .title {

        font-size: 14px;

        font-weight: bold;

        }

        使用方法：class="title"

        id屬性用于定義一個元素的的樣式。

如一個CSS規則：

        #container

        {
width: 1004px;
margin: 0 auto;
text-align: left;
}

        使用方法：id="container" ，id是一個標簽，用于區分不同的結構和內容，就象你的名字，假如一個屋子有2個人同名，就會出現混淆；

        class是一個樣式，可以套在任何結構和內容上，就象一件衣服；

        概念上說就是不一樣的：
id是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容。

本文名稱：CSS設計中ID與CLASS之間的區別
文章URL：http://m.kartarina.com/news1/277101.html

成都網站建設公司_創新互聯，為您提供商城網站、網站內鏈、面包屑導航、ChatGPT、網站設計公司、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯