1.內(nèi)聯(lián)元素如何轉(zhuǎn)化成為塊元素
添加 display:block;
2.元素類型有哪些则拷？他們的特征分別是什么？
元素的類型有 塊元素 內(nèi)聯(lián)元素
塊元素的特征：
1. 獨(dú)占一行
2.支持所有CSS命令
3.不設(shè)置寬度試 寬度撐滿整行
內(nèi)聯(lián)元素的特征：
1.可以在一行顯示
2.不支持寬高
3.寬度由內(nèi)容撐開
4.margin和padding的支持有問題
5.代碼換行會(huì)被解析
3.清浮動(dòng)有哪些方法曹鸠？你最喜歡哪個(gè)?為什么
1. 加高度 問題：擴(kuò)展性不好
2.父級(jí)浮動(dòng) 問題：頁面中所有元素都加浮動(dòng) margin左右自動(dòng)失效
3.inline-block清浮方法 問題：margin左右自動(dòng)失效
4.空標(biāo)簽清浮動(dòng) 問題IE6最小高度為19px 解決后IE6下還有2PX偏差
5.br浮動(dòng) 問題：不符合工作中 結(jié)構(gòu)煌茬、樣式、行為三者分離的要求
6.after偽類 是最喜歡的方法 因?yàn)樗惶匦员容^大眾主流
7.overflow:hidden 問題：需要配合寬度或者zoom
4.什么是BFC彻桃？如何才能得到一個(gè)BFC
BFC（block formatting content)標(biāo)準(zhǔn)瀏覽器坛善，即除了ie6、ie7、ie8的瀏覽器
得到BFC的條件：
a眠屎、float的值不為none剔交。
b、overflow的值不為visible改衩。
c岖常、display的值為table-cell, table-caption, inline-block中的任何一個(gè)。
d燎字、position的值不為relative和static。
e阿宅、width|height|min-width|min-height:(!aotu)
5.Positon的值有哪些候衍？
position:relation/absolute/fixed/static/inherit;
6.說一下絕對(duì)定位，相對(duì)定位和固定定位的區(qū)別
絕對(duì)定位：
1.使元素完全脫離文檔流
2.使內(nèi)嵌支持寬高
3.塊屬性標(biāo)簽內(nèi)容撐開寬度
4.如果有定位父級(jí)洒放，相對(duì)于定位父級(jí)發(fā)生偏移蛉鹿，沒有定位父級(jí)，相對(duì)于document發(fā)生偏移
5.相對(duì)定位一般都是配合絕對(duì)定位
6.提升層級(jí)
相對(duì)定位：
1.不影響元素本身的特性
2.不會(huì)使元素脫離文檔流
3.如果沒有定位偏移量往湿，對(duì)元素本身沒有影響
4.提升層級(jí)
固定定位：
與相對(duì)定位的特征基本一致妖异，差別是始終相對(duì)整個(gè)文檔進(jìn)行定位。 問題：IE6不支持固定定位领追。
7.怎么改變一個(gè)div的層級(jí)他膳，寫出代碼讓DIV1在DIV2在下
使用z-index改變層級(jí)
.div1 {
position:relative;
}
.div2 {
position:absolute;
z-index:1;
}
8.如何實(shí)現(xiàn)層疊的DIV1與DIV2，上面DIV1不透明下面DIV2透明绒窑？
z-index 改變層級(jí) opacity：
.div1 {
position:absolute;
z-index:1;
}
.div2 {
position:absolute;
opacity：0-1;
}
9.合并行屬性棕孙，合并列屬性
合并2個(gè)行單元格 <td colspan="2"></td>
合并2個(gè)列單元格 <td rowspan="2"></td>
10.讓DIV水平垂直居中
<style>
.DIV{
width: 200px;
height: 200px;
background: red;
position:absolute;
left:508px;
top: 96px;
}
</style>
</head>
<body>
<div class="DIV"></div>
</body>
