CSS設(shè)計(jì)中ID與CLASS之間的區(qū)別

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

我們都知道，在網(wǎng)頁上行使HTML定位文字和圖像是一件“令人心痛”的事情。我們必須使用表格標(biāo)簽和隱式GIF圖像，即使這樣也不能保證定位的正確，因?yàn)闉g覽器和操作平臺的不同會使顯示的效果發(fā)生轉(zhuǎn)變。

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

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

        class是設(shè)置標(biāo)簽的類

        id是設(shè)置標(biāo)簽的標(biāo)識

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

        如樣式表可以加入

        .title {

        font-size: 14px;

        font-weight: bold;

        }

        使用方法：class="title"

        id屬性用于定義一個(gè)元素的的樣式。

如一個(gè)CSS規(guī)則：

        #container

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

        使用方法：id="container" ，id是一個(gè)標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就象你的名字，假如一個(gè)屋子有2個(gè)人同名，就會出現(xiàn)混淆；

        class是一個(gè)樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就象一件衣服；

        概念上說就是不一樣的：
id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結(jié)構(gòu)/內(nèi)容。

本文名稱：CSS設(shè)計(jì)中ID與CLASS之間的區(qū)別
文章URL：http://www.muchs.cn/news1/277101.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航、ChatGPT、網(wǎng)站設(shè)計(jì)公司、企業(yè)建站

廣告

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