最近有點(diǎn)懶...得改改..

text-align: center的作用，作用哪些元素，讓哪些元素水平居中。

• text-align作為HTML元素屬性其主要是用來文本水平居中的，該屬性能讓塊級元素內(nèi)的inline元素和inline-block元素水平居中。

IE 盒模型和W3C盒模型的區(qū)別。

盒子的尺寸包含了 內(nèi)容區(qū)，padding， border 這三個(gè)部分

盒子的尺寸只包含內(nèi)容區(qū)，padding，border 和 margin 被排除在盒子尺寸之外

<pre>面板式界面設(shè)計(jì)：
頁面上包含幾個(gè)面板，比如一個(gè)登錄面板，一個(gè)最新新聞面板，一個(gè)投票面板，這類設(shè)計(jì)典型的做法是，用背景圖的方式，首先逐個(gè)設(shè)計(jì)出這些面板的外觀圖，將需要用具體內(nèi)容替換的地方空著，這些面板，無非就是一些使用面板外觀圖片做背景圖的盒子，然后，在這些盒子里面，放上具體的內(nèi)容，使用 padding 控制內(nèi)容的擺放位置，使用 margin 調(diào)整面板本身的擺放位置，由于面板的尺寸是固定的，我們依此確立了盒子的尺寸之后，就無需再關(guān)心尺寸問題，然后，不論你怎樣調(diào)整 padding 和 margin，都不會(huì)影響面板本身的結(jié)構(gòu)。這是 IE6 盒子模型。
而在 W3C 的盒子模型中，調(diào)整 padding 和 margin ，都會(huì)影響盒子的尺寸，你在調(diào)整內(nèi)容擺放位置的同時(shí)，極有可能打亂面板本身的結(jié)構(gòu)。</pre>
<pre>
百分比級尺寸 + 像素級邊界問題：
W3C 盒子模型在設(shè)計(jì)中最讓人頭疼的是，假如你有一個(gè)不確定寬度的容器，想在里面放置兩個(gè)同樣大小的盒子，最合理的的做法當(dāng)時(shí)是設(shè)置每個(gè)盒子的寬度為 50%，這樣，不管你的容器寬度為多大，這兩個(gè)盒子總能自動(dòng)適應(yīng)這個(gè)寬度，然而，前提是你不要設(shè)置任何 padding 或 border，而，現(xiàn)實(shí)中，為了防止兩個(gè)盒子中的內(nèi)容互相挨得太近，你肯定要設(shè)置 padding，一旦設(shè)置了 padding，就會(huì)發(fā)現(xiàn)你的容器被撐破了。
當(dāng)然你會(huì)說，每個(gè)盒子的寬度不要設(shè)為 50%，可以設(shè)為 45%，然后為每個(gè)盒子再加一個(gè) 5% 的 padding，這是一個(gè)解決辦法，但我們在設(shè)計(jì)中經(jīng)常有這樣的習(xí)慣，雖然一段內(nèi)容的寬度可能不確定，但我們總喜歡它擁有固定 padding，我們并不希望 padding 自動(dòng)適應(yīng)，況且，在很多時(shí)候，我們希望為一個(gè)自適應(yīng)寬度的盒子，設(shè)置一個(gè) 1 像素的 border，在這種情形，W3C 盒子模型將陷入困境。
而遇到這種情形，IE6 盒子模型不需要任何周折，你只管將每個(gè)盒子的寬度設(shè)置為 50%，它們會(huì)自動(dòng)適應(yīng)容器的寬度，然后，不管你你怎樣設(shè)置 padding 和 border，都不會(huì)撐破你的容器。
</pre>

• 在 CSS3 中，我們看到了下面這2個(gè)屬性：
  box-sizing:有兩個(gè)可選值，一個(gè)是默認(rèn)的 content-box 一個(gè)是 border-box，選用后者，盒子模型將按 IE6 的方式進(jìn)行處理。

*{ box-sizing: border-box;}的作用

• 設(shè)置所有 CSS 的盒模型遵從 IE 盒模型的標(biāo)準(zhǔn)，此時(shí)在 CSS 設(shè)置的屬性中，width 將包括內(nèi)容寬度 + 內(nèi)邊距寬度 + 邊框?qū)挾?，不再遵循默認(rèn) W3C 盒模型的標(biāo)準(zhǔn)。
  【好處：無論如何改動(dòng) border 與 padding 的值，都不會(huì)導(dǎo)致 box 總尺寸發(fā)生變化，也就不會(huì)打亂頁面整體布局?！?/li>

line-height: 2和line-height: 200%的區(qū)別。

• line-height: 2 ：設(shè)置行高為本身文字高度的兩倍（推薦）。
• line-height: 200% ：設(shè)置行高為父元素文字高度的兩倍。

inline-block的特性？去除縫隙方法？高度不一樣的inline-block元素如何頂端對齊?

• dispiay: inline-block; 擁有inline的特性，不占據(jù)一整行，寬度由內(nèi)容寬度決定，又可設(shè)置寬高，內(nèi)外邊距來呈現(xiàn)block的特性。

• 達(dá)到頂端對齊，可以給inline-block元素添加：vertical-align:top

用圖說話...去縫隙（縫隙是什么呢，是‘空白符’。）..

CSS sprite 是什么?

正名：CSS 精靈圖
外號：Css 雪碧 ??

• 為了減少網(wǎng)絡(luò)請求（積少成多，可省錢...嘖嘖），提高網(wǎng)頁加載性能，可以將不同的圖片/圖標(biāo)合并在一張圖片上，再配合 Css 的 background-position : x y; 來獲取圖片..

讓一個(gè)元素"看不見"有幾種方式？有什么區(qū)別?

<pre>
<pre>display: none;
</pre><pre>opacity: 0;
</pre><pre>visibility: hidden;

</pre><pre>text-indent;

</pre><pre>z-index: