首先，打開html編輯器，新建html文件，例如：index.html。
在index.html中的<style>標(biāo)簽中，輸入css代碼：body {text-align: center;} table {margin: auto;}。
瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)成功用css讓表格居中了。
說(shuō)明：
css代碼body {text-align: center;} table {margin: auto;}是兩個(gè)元素選擇器，分別為body和table兩個(gè)元素設(shè)置css樣式。
在 W3C 標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（type selector）。
“類型選擇器匹配文檔語(yǔ)言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個(gè)實(shí)例。”
1、代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。
2、代表ID選擇器，如：#content，權(quán)值為100。
3、代表類，偽類和屬性選擇器，如.content，權(quán)值為10。
4、代表類型(元素)選擇器和偽元素選擇器，如div p，權(quán)值為1。 按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則，按照后執(zhí)行的定義。最終規(guī)則是多個(gè)定義規(guī)則的綜合。重點(diǎn)：高級(jí)規(guī)則定義對(duì)于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁(yè)中的多種超級(jí)鏈接樣式定義。多個(gè)相同規(guī)則不同對(duì)象的CSS共同定義。對(duì)于同一對(duì)象定義的多種CSS方式考慮哪種更科學(xué)。
a:hover是css中的選擇器，用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。所以a:hover可用于設(shè)置當(dāng)鼠標(biāo)懸停在超鏈接之上時(shí)超鏈接的樣式。示例如下：在Html代碼中給出一個(gè)超鏈接<a href="#">我是一個(gè)超鏈接。</a設(shè)置鼠標(biāo)懸停的css樣式a:hover{ color:red; /*設(shè)置顏色為紅色*/ font-size:20px; /*字體變大*/ text-decoration: none; /*去掉下劃線*/}很多的，基本上CSS樣式都可以有在里面。可以關(guān)注衛(wèi)星公眾號(hào)(web開發(fā)分享交流)，一起交流分享web開發(fā)技術(shù),還有2054G開發(fā)資料!
同時(shí)定義兩個(gè)div，同時(shí)使用相同的class即可。
建議看下css選擇器的使用方法。
CSS 類選擇器類選擇器選擇有特定 class 屬性的 HTML 元素。
如需選擇擁有特定 class 的元素，請(qǐng)寫一個(gè)句點(diǎn)（.）字符，后面跟類名。
實(shí)例
在此例中，所有帶有 class="center" 的 HTML 元素將為紅色且居中對(duì)齊：
.center { text-align: center; color: red; }