人吶都不知道，自己不可以預料。
乙個人的命運啊，當然要靠自我奮鬥。但是也要考慮歷史的行程。
我絕對想不到我乙個學設計的，怎麼就開始寫**了呢？
但是經理同志對我講：公司已經研究決定了。
後來我念了兩首詩叫「苟利國家生死以，豈因禍福避趨之」。所以我就寫起了**。
什麼是盒模型？
網頁中的每個元素都是長方形的「盒子」。標準的盒模型有如下屬性：
width：盒模型內容塊從最左到最右的距離。
height：盒模型內容塊從最上到最下的距離。
border：盒模型的邊界。
padding：盒模型內容邊界到盒模型border內緣的距離。
margin：盒模型border的外緣到父容器或兄弟容器的距離。
width、height的值不包含padding和border。也就是說乙個標準的盒模型其最終佔位寬度/高度為width/height、padding、border之和。而元素之間的margin是可共享的。
doctype的幾種型別？
html 4.01中有三種doctype，分別引用strict，traditional以及frameset三種dtd。通常我們引用traditional型別。
html 5中只有一種doctype。
如何布局左不動右邊自適應的兩列布局？
方法一：
.container
.column1
.column2
style>
class="container">
class="column1">1div>
class="column2">2v>
div>
.row
.row
div .col-fixed
style>
class="row">
class="col-fixed">1div>
2div>
div>
.container
.column1
.column2
style>
class="container">
class="column1">1
3div>
class="cocolumn2">2div>
div>
.row
.row
div .col-fixed
style>
class="row">
class="col-fixed">1
div>
2div>
div>
.container
.column1
.column2
style>
class="container">
class="column1">1div>
class="column2">2div>
div>
.row
.row
div .col-fixed
style>
class="row">
class="col-fixed">1div>
2div>
class="col-fixed">3div>
div>
.container
.container
div
style>
class="container">
13div>
2div>
3div>
div>
gif：無失真壓縮，多用於網頁動畫，支援8 bit彩色，支援單一透明色；
png：無失真壓縮，常見格式有png-8與png-24，支援full-alpha通道（256級可調半透明色），但不支援動畫，由於其可支援full - alpha的特性，可以輕鬆應付各種背景色，在現代瀏覽器中不需要動畫的前提下可以完全替代gif；
jpg：有失真壓縮，24 bit真彩色，在**壓縮方面具有其他格式無可比擬的優勢，在這方面無可替代。
什麼是css sprite?優缺點？
css sprite，css影象整合技術，又稱css精靈、css貼圖定位，是將頁面上所有需要的都做在同一張大圖上，需要時利用css clip屬性或其他方式顯示其中的一部分的技術。
這種技術的優點在於：
1大大減少了http請求的次數，節省資源，明顯提高網頁的整體效能，這也是該技術被廣泛應用和傳播的主要原因；
2使用一張大圖代替許多小圖能夠有效地減少總位元組數；
3解決了網頁設計師對單張命名的困擾，只需對集合圖命名即可；
4易於修改**整體配色，只需調整集合色調即可，省卻單張調整時間。
這種技術的缺點在於：
1合併多張並有序整理，本身工作精細繁瑣、量大；
2對高分屏下自適應頁面適用性並不算太好，有時容易出現背景斷裂；
3雖然修改配色容易，但是當需要新增時，維護不易。
製作細線**？
type="text/css">
table
table
.one
tdstyle>
head>
position: relative以元素本來的位置（即position: static狀態下的位置）為基準進行定位，且只移動元素顯示的位置，實際佔位不動。它的位移將使它覆蓋其他框或被其他框覆蓋，具體取決於z-index值。
position: absolute 以祖先元素中最近的乙個同為絕對定位的元素為基準進行定位，脫離文件流。如果祖先元素中沒有絕對定位元素，那麼將以瀏覽器為基準
position: fixed 以瀏覽器視窗為基準進行定位，脫離文件流，這種定位的元素不會隨頁面滾動而上下滾動，它永遠固定在瀏覽器視窗的某個位置。
如何居中乙個float: left的元素？
element
前端面試題 css篇
盒模型 盒模型由 margin border padding content 四個屬性組成 w3c的標準盒模型 width content，不包含 border padding ie盒模型 width border padding content 相互轉換 二者之間可以通過css3的 box siz...
前端面試題彙總 CSS篇
1 css 中類 classes 和 id 的區別 對於css而言，id和class都是選擇器，唯一不同的地方在於權重不同。對於html而言，id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的，而class屬性值可以重複。id還乙個老特性是錨點功能，當瀏覽器位址列有乙個 頁面...
前端面試題總結 css篇
經過實習秋招的面試，總結了一些前端面試題，此處為css篇章，答案是簡略答案，詳細可自行搜尋 1.盒模型 margin，border，padding，content 在標準盒模型中，width設的是content的寬度 在ie怪異盒模型中，width設的是content padding的寬度 2.定位...