在網(wǎng)頁中應(yīng)該使用奇數(shù)還是偶數(shù)的字體蕾盯?為什么呢?
偶數(shù)缰猴。
1.????文字在偶數(shù)的情況下吗购,表現(xiàn)很好看
2.????是偶數(shù)字號容易和頁面其他標(biāo)簽的其他屬性形成比例關(guān)系
line-height和height有什么區(qū)別?
height:高度? ? ? ? line-height:行高
height就是盒子的高度冰垄,line-height是每一行文字的高度(高度值會隨著內(nèi)容發(fā)生變化)
css prite是什么?有什么優(yōu)缺點
雪碧圖 == 精靈圖? =>?把一堆小圖標(biāo)放在一張大圖片上
優(yōu)點:減少了http請求蹬癌,做了性能上的優(yōu)化
缺點:維護(hù)性、修改下較差
什么是CSS reset?
reset.css => 重置CSS的樣式
HTML標(biāo)簽在瀏覽器中都有默認(rèn)的樣式虹茶,不同的瀏覽器的默認(rèn)樣式之間存在差別逝薪。例如ul默認(rèn)帶有縮進(jìn)樣式,在IE下蝴罪,它的縮進(jìn)是由margin實現(xiàn)的董济,而在Firefox下卻是由padding實現(xiàn)的。開發(fā)時瀏覽器的默認(rèn)樣式可能會給我們帶來多瀏覽器兼容性問題要门,影響開發(fā)效率感局。所以解決的方法就是一開始就將瀏覽器的默認(rèn)樣式全部去掉,更準(zhǔn)確說就是通過重新定義標(biāo)簽樣式暂衡⊙ⅲ“覆蓋”瀏覽器的CSS默認(rèn)屬性。最最簡單的說法就是把瀏覽器提供的默認(rèn)樣式覆蓋掉狂巢!這就是CSS reset撑毛。
Normalize.css: Make browsers render all elements more consistently.
用CSS畫一個三角形
對BFC規(guī)范(塊級格式化上下文:block formatting context)的理解?
BFC:塊級格式化上下文唧领。具有BFC 特性的元素可以看作是隔離了的獨立容器藻雌,容器里面的元素不會在布局上影響到外面的元素,并且 BFC 具有普通容器所沒有的一些特性斩个。通俗一點來講胯杭,可以把 BFC 理解為一個封閉的大箱子,箱子內(nèi)部的元素?zé)o論如何翻江倒海受啥,都不會影響到外部
觸發(fā)BFC的條件
·body根元素
·設(shè)置浮動做个,不包括none
·設(shè)置定位松邪,absoulte或者fixed
·行內(nèi)塊顯示模式腺晾,inline-block
·設(shè)置overflow,即hidden肛著,auto藤肢,scroll 【重點】
·表格單元格太闺,table-cell
·彈性布局,flex
position有哪些值省骂?有什么作用蟀淮?(有幾種定位?分別是根據(jù)什么定位的)【特別多公司問】
static 默認(rèn) 靜態(tài)定位
relative? 相對定位?
absolute? 絕對定位
脫離標(biāo)準(zhǔn)流钞澳,不占位置
先找已經(jīng)定位的父級怠惶,如果有這樣的父級就以這個父級為參照物
有父級,但父級沒有定位略贮,以瀏覽器窗口為參照物進(jìn)行定位
fixed? 固定定位
相對于瀏覽器進(jìn)行定位移動
absolute和relative的區(qū)別
relative不脫離文檔流甚疟,absolute脫離文檔流
relative只有兩個值(left right top bottom 如果同時存在 ,left干掉right逃延,top干掉bottom)
absolute可以寫四個值