1、boder如何實(shí)現(xiàn)0.5像素？

　　實(shí)現(xiàn)方法：CSS3有縮放的屬性，我們可以利用這個(gè)屬性，縮小50%的1px的邊框，來(lái)實(shí)現(xiàn)這個(gè)功能代碼如下：

```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)一個(gè)頁(yè)面被加載的時(shí)候(就是被瀏覽者瀏覽的時(shí)候)，link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式(就是閃爍)，網(wǎng)速慢的時(shí)候還挺明顯。

　　- 區(qū)別3：@import是CSS2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無(wú)此問(wèn)題。

　　- 區(qū)別4：使用dom(document object model文檔對(duì)象模型 )控制樣式時(shí)的差別：當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的.

　　3、FireFox中標(biāo)簽的居中問(wèn)題的解決辦法

```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兩個(gè)參數(shù),三個(gè)參數(shù)什么意思?表示三個(gè)參數(shù)，flex-grow、flex-shrink、flex-basis分別是啥意思？

　　· flex屬性是彈性布局添加給項(xiàng)目(子元素)的屬性，

　　o flex屬性是flex-grow(放大)、flex-shrink(縮小)、flex-basis(寬度)的簡(jiǎn)寫(xiě)屬性。

　　o flex-grow默認(rèn)值為0，當(dāng)值大于0時(shí)，當(dāng)父元素有剩余空間時(shí)當(dāng)前元素放大，父元素沒(méi)有剩余空間時(shí)，該元素不放大。

　　o flex-shrnk默認(rèn)值為1，父元素有剩余空間時(shí)，該元素不縮小，父元素沒(méi)有剩余空間時(shí)，該元素縮小。

　　o flex-basis相當(dāng)于width屬性。

　　· flex:0 1 100px;表示父元素有剩余空間當(dāng)前元素不放大，父元沒(méi)有剩余空間當(dāng)前元素會(huì)縮小。flex有很多中賦值方式，可以寫(xiě)一個(gè)值，兩個(gè)值或者三個(gè)值。

　　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èn)題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。