新建一個html文檔，在body中插入一個div，將id命名為main

在右側(cè)的css設(shè)計(jì)器中點(diǎn)擊源的加號，選擇在頁面中定義

點(diǎn)擊選擇器的加號，輸入#main選中

點(diǎn)擊屬性，在其中對css樣式進(jìn)行編輯就行

css后代選擇器和子選擇器的區(qū)別介紹：

1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行

jQuery

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

CSS （層疊樣式表）

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

ID用于標(biāo)識頁面上的特定元素（比如站點(diǎn)導(dǎo)航），而且必須是唯一的。 ID也可以用來標(biāo)識持久的結(jié)構(gòu)性元素，例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來標(biāo)識一次性元素，例如某個鏈接或表單元素。一個ID只能應(yīng)用于頁面上的一個元素。

class同一個類名可以應(yīng)用于頁面上任意多個元素，因此類的功能強(qiáng)大的多。類非常適合表示內(nèi)容的類型或其他相似的條目。

在實(shí)際開發(fā)中，要根據(jù)實(shí)際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用，或者同一界面多個元素風(fēng)格一致，樣式統(tǒng)一使用class類要方便的多。

下面就是最簡單的一個小例子：

展示效果：