css
css盒子模型
css盒模型由 content(內容)+padding(內邊距)+border(邊框)+margin(外邊距) 組成
標準盒模型：盒子寬高是盒子的內容寬高
ie盒模型 ：盒子寬高 = contain+padding+border
css3屬性設定盒模型型別：box-size:containt-box | border-box | inherit
contain-box: 標準盒模型，盒模型寬高即為內容的寬高
border-box: ie盒模型 寬高包括padding + border
inherit : 父元素繼承
display:none 與 visibility : hidden的區別
display:none ：元素完全從渲染樹中消失，渲染時不佔據任何空間。重排
visibility : hidden ：元素沒有從渲染樹中消失，只是內容不可見。重繪
重排：渲染樹重新構造
重繪：渲染樹不變，只是有些元素重新繪製到螢幕。
重拍一定重繪，重繪不一定重排。
px、em、rem的區別
px：畫素，相對顯示器螢幕解析度而言
em：em的值會繼承父級元素的字型大小，1em = 16px，在css body中設定font-size = 62.5%，就使em 的值變為10px.
rem：css3新增的相對單位【root em】相對的是html根元素。
position的值有哪些，其含義是什麼
static : 預設值，正常文件流位置
relative : 相對定位，相對自生正常文件流的位置定位
absolute : 絕對定位，相對於static定位之外的【relativ、absolute】第乙個父元素進行定位。
fixed ：固定定位，相對於瀏覽器視窗進行定位
link與import 兩種方式引入樣式有什麼區別css選擇符與優先順序
就近原則，如果是相同的css樣式，後面的樣式會覆蓋前面定義的同名樣式。
優先順序：!important > 內聯樣式 > id > class > tag
rgba()與opactiy透明效果的區別
rgba() : rgba 是 只能設定背景和元素的顏色，不會被繼承，子元素不會被影響。
opactiy : 作用於元素，元素內的子元素會被影響，即會被子元素繼承。
css優化，效能提高的方法
刪除空的css樣式
儘量減少頁面重拍和重繪
定義一些公共的樣式，減少**量
合理使用選擇器
css居中（水平居中）
行內元素 ：
//父級元素設定
text-align:center；
//父級元素
display:relative;
//子元素
dispaly:absolute;
margin:0 auto;
css居中（垂直居中）
內聯元素：
//父級元素
line-height:與父元素的高度一樣
//父元素高度固定，margin設為負值
.parent
.child
//父級元素高度不固定
//如果無法獲取確定的寬高，同樣需要設定父級容器為相對定位的容器，
//設定子元素絕對定位的位置 position: absolute; top: 50%; left: 50%。
//不同的是，接下來需要使用 transform: translate(-50%, -50%); 實現垂直居中
.parent
.child
偽類和偽元素
偽類：格式化dom樹以外的資訊，比如< a>標籤的:link :visited等，不存在dom樹中。
不能被常規css選擇器獲取的，比如第乙個子元素，:first-child等
偽元素：建立一些文件語言沒有的虛擬元素，比如乙個text元素的第乙個字，第一行等。
css3
css3新增特性
新增了一些選擇器：
elem：nth-child(n) : 從頭開始算第幾個子元素
elem：nth-last-child(n) : 從後開始算第幾個子元素
elem：last-child：最後乙個子元素
elem：li:last-child：選擇最後乙個li元素
邊框和顏色：color:rgba(225,0,0,0.75) //css3支援rgba
圓角 ： border-radius //css3支援圓角屬性
陰影：text-shadow、box-shadow
css3實現三角形
//css實現向上的三角形
.kailong
更新…
前端面試準備 CSS（二）
本文是根據知乎愛前端不愛戀愛 這個問題的原因可以上述到sgml 標準通用標記語言 和tex 排版工具 它實際上是乙個行內 inline 的問題，它由空格 換行或回車所產生空白符所致 解決方法 1 改變 書寫方式。2 改變字元大小。3 改變元素間距。font size，letter size，word...
2012面試準備 2012 10 26面試準備
c 1 什麼純虛函式？首先，二者申明不一樣。virtual void test void 虛函式 virtual void test void 0 純虛函式 其次，如果乙個類包含了乙個純虛函式 哪怕只有乙個是純虛函式 那麼它就是乙個抽象類 就是不能生成具體的物件！但如果類中只包含虛函式，那麼是可以定...
面試需要準備！！
1 請介紹一下你自己。這是外企常問的問題。一般人回答這個問題過於平常，只說姓名 年齡 愛好 工作經驗，這些在簡歷上都有，其 實，外企最希望知道的是求職者能否勝任工作，包括 最強的技能 最深入研究的知識領域 個性中最積極的部分 做過的最成功的事，主要的成就等，這些都可以 和學習無關，也可以和學習有關，...