1、boder如何實現0.5像素？

　　實現方法：CSS3有縮放的屬性，我們可以利用這個屬性，縮小50%的1px的邊框，來實現這個功能代碼如下：

```html

<div class="border3">

    <div class="content">偽類設置的邊框</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標簽，而@import完全是CSS提供的一種方式。

　　- 區(qū)別2：當一個頁面被加載的時候(就是被瀏覽者瀏覽的時候)，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍)，網速慢的時候還挺明顯。

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

　　- 區(qū)別4：使用dom(document object model文檔對象模型 )控制樣式時的差別：當使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的.

　　3、FireFox中標簽的居中問題的解決辦法

```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>

<!--以上面結構為例，在a中設置text-align屬性為center之后，還需要設置b的橫向margin為auto。設置添加b的CSS樣式為：margin: 0 auto;-->

　　4、flex:0 1 100px什么意思?flex兩個參數,三個參數什么意思?表示三個參數，flex-grow、flex-shrink、flex-basis分別是啥意思？

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

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

　　o flex-grow默認值為0，當值大于0時，當父元素有剩余空間時當前元素放大，父元素沒有剩余空間時，該元素不放大。

　　o flex-shrnk默認值為1，父元素有剩余空間時，該元素不縮小，父元素沒有剩余空間時，該元素縮小。

　　o flex-basis相當于width屬性。

　　· flex:0 1 100px;表示父元素有剩余空間當前元素不放大，父元沒有剩余空間當前元素會縮小。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。

　　更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。