text-align: center的作用纽谒，作用哪些元素笙蒙，讓哪些元素水平居中国拇。
- text-align作為HTML元素屬性其主要是用來(lái)文本水平居中的考廉，該屬性能讓塊級(jí)元素內(nèi)的inline元素和inline-block元素水平居中。
IE 盒模型和W3C盒模型的區(qū)別腊状。
<pre>面板式界面設(shè)計(jì)：
頁(yè)面上包含幾個(gè)面板，比如一個(gè)登錄面板映屋，一個(gè)最新新聞面板苟鸯，一個(gè)投票面板，這類(lèi)設(shè)計(jì)典型的做法是棚点，用背景圖的方式早处，首先逐個(gè)設(shè)計(jì)出這些面板的外觀圖，將需要用具體內(nèi)容替換的地方空著瘫析，這些面板砌梆，無(wú)非就是一些使用面板外觀圖片做背景圖的盒子，然后颁股，在這些盒子里面么库，放上具體的內(nèi)容傻丝，使用 padding 控制內(nèi)容的擺放位置甘有，使用 margin 調(diào)整面板本身的擺放位置，由于面板的尺寸是固定的葡缰，我們依此確立了盒子的尺寸之后亏掀，就無(wú)需再關(guān)心尺寸問(wè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>
百分比級(jí)尺寸 + 像素級(jí)邊界問(wèn)題：
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ì)說(shuō)，每個(gè)盒子的寬度不要設(shè)為 50%蚕断，可以設(shè)為 45%欢伏，然后為每個(gè)盒子再加一個(gè) 5% 的 padding，這是一個(gè)解決辦法亿乳，但我們?cè)谠O(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ū)挾戎麟剩辉僮裱J(rèn) W3C 盒模型的標(biāo)準(zhǔn)叭首。
【好處：無(wú)論如何改動(dòng) border 與 padding 的值，都不會(huì)導(dǎo)致 box 總尺寸發(fā)生變化踪栋，也就不會(huì)打亂頁(yè)面整體布局焙格。】
line-height: 2和line-height: 200%的區(qū)別夷都。
- line-height: 2 ：設(shè)置行高為本身文字高度的兩倍（推薦）眷唉。
- line-height: 200% ：設(shè)置行高為父元素文字高度的兩倍。
inline-block的特性囤官？去除縫隙方法冬阳？高度不一樣的inline-block元素如何頂端對(duì)齊?
dispiay: inline-block; 擁有inline的特性，不占據(jù)一整行党饮，寬度由內(nèi)容寬度決定肝陪，又可設(shè)置寬高，內(nèi)外邊距來(lái)呈現(xiàn)block的特性刑顺。
達(dá)到頂端對(duì)齊氯窍，可以給inline-block元素添加：
vertical-align:top
CSS sprite 是什么?
正名：CSS 精靈圖
外號(hào)：Css 雪碧 ??
- 為了減少網(wǎng)絡(luò)請(qǐng)求（積少成多狼讨，可省錢(qián)...嘖嘖），提高網(wǎng)頁(yè)加載性能柒竞，可以將不同的圖片/圖標(biāo)合并在一張圖片上政供，再配合 Css 的 background-position : x y; 來(lái)獲取圖片..
讓一個(gè)元素"看不見(jiàn)"有幾種方式？有什么區(qū)別?
<pre>
<pre>display: none;
</pre><pre>opacity: 0;
</pre><pre>visibility: hidden;
</pre><pre>text-indent;
</pre><pre>z-index:
