1、boder如何實現(xiàn)0.5像素？
實現(xiàn)方法：CSS3有縮放的屬性，我們可以利用這個屬性，縮小50%的1px的邊框，來實現(xiàn)這個功能代碼如下：
```html
<div class="border3">
<div class="content">偽類設(shè)置的邊框</div>
</div>
<style>
*{
margin:0;padding:0
}
.border3{
position: relative;
}
.border3:before{
content: '';
position: absolute;
width: 200%;
height: 200%;
border: 1px solid red;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
box-sizing: border-box;
}
</style>
```
2、css引入的方式有哪些，link和@import的區(qū)別是什么？
- 區(qū)別1：link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式。
- 區(qū)別2：當(dāng)一個頁面被加載的時候(就是被瀏覽者瀏覽的時候)，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍)，網(wǎng)速慢的時候還挺明顯。
- 區(qū)別3：@import是CSS2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標(biāo)簽無此問題。
- 區(qū)別4：使用dom(document object model文檔對象模型 )控制樣式時的差別：當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標(biāo)簽，因為@import不是dom可以控制的.
3、FireFox中標(biāo)簽的居中問題的解決辦法
```html
<div id="a" style="width:200px;border:1px solid red;text-align:center;">
<div id="b" style="background-color:blue;width:30px;margin:0 auto"> </div>
</div>
<!--以上面結(jié)構(gòu)為例，在a中設(shè)置text-align屬性為center之后，還需要設(shè)置b的橫向margin為auto。設(shè)置添加b的CSS樣式為：margin: 0 auto;-->
4、flex:0 1 100px什么意思?flex兩個參數(shù),三個參數(shù)什么意思?表示三個參數(shù)，flex-grow、flex-shrink、flex-basis分別是啥意思？
· flex屬性是彈性布局添加給項目(子元素)的屬性，
o flex屬性是flex-grow(放大)、flex-shrink(縮小)、flex-basis(寬度)的簡寫屬性。
o flex-grow默認(rèn)值為0，當(dāng)值大于0時，當(dāng)父元素有剩余空間時當(dāng)前元素放大，父元素沒有剩余空間時，該元素不放大。
o flex-shrnk默認(rèn)值為1，父元素有剩余空間時，該元素不縮小，父元素沒有剩余空間時，該元素縮小。
o flex-basis相當(dāng)于width屬性。
· flex:0 1 100px;表示父元素有剩余空間當(dāng)前元素不放大，父元沒有剩余空間當(dāng)前元素會縮小。flex有很多中賦值方式，可以寫一個值，兩個值或者三個值。
o 舉例：1.flex：1 解析為 flex：1 1 0%。2.flex：auto解析為 flex：1 1 auto。3.flex：none解析為flex：0 0auto。4.flex：解析為flex：0 0 auto。4.flex：0 auto解析為flex：0 1 auto。
更多關(guān)于前端培訓(xùn)的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。
京公網(wǎng)安備 11010802030320號