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 選擇器有哪些，權重是什么樣的？

　　選擇器含義：選擇器是查找頁面元素的一種方式方法，選擇器的種類有很多種。

　　常用的選擇器有以下內容：

　　1、ID　　#id

　　2、class　　.class

　　3、標簽　　p

　　4、通用　　*

　　5、屬性　　type="text"

　　6、偽類　　:link :visited :hover :active

　　7、偽元素　　::first-line :first-letter

　　8、子選擇器 div>p

　　9、后代選擇器 div p

　　10、相鄰兄弟 div+p

　　11、通用兄弟 div~p

　　12、結構偽類 :nth-child :first-child :last-child

　　權重計算規則：

　　1、第一等：代表內聯樣式，如: style=””，權值為1000。

　　2、第二等：代表ID選擇器，如：#content，權值為0100。

　　3、第三等：代表類，偽類和屬性選擇器，如.content，權值為0010。

　　4、第四等：代表類型選擇器和偽元素選擇器，如div p，權值為0001。

　　5、通配符、*權值為0000。

　　6、繼承的樣式沒有權重值。

　　important > 內聯 > ID > 類| 偽類 | 屬性選擇|偽對象 > 標簽 > 繼承 > 通配符

　　3、css：一個容器(頁面)，里面有兩個div左右擺放并且高度和容器高度一致，左div不會隨著頁面左右伸縮而變化，右div隨頁面左右伸縮寬度自適應(手寫)

```html

<div class="container">

    <div class="left"></div>

    <div class="right">北京千鋒互聯科技有限公司（下面簡稱“千鋒教育”），成立于2011年1月，立足于職業教育培訓領域，公司現有教育培訓、高校服務、企業服務三大業務板塊。教育培訓業務分為大學生技能培訓和職后技能培訓；高校服務業務主要提供校企合作全解決方案與定制服務；企...</div>

</div>

<style>

    *{

        margin: 0;

        padding: 0;

    }

    .container{

        max-width: 1000px;

        height: 500px;

        background-color: yellow;

        margin: 20px auto;

        display: flex;

    }

    .container .left{

        width: 300px;

        background-color: orange;

    }

    .container .right{

        flex: 1;

        background-color: red;

    }

</style>

```

　　更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓服務經驗，采用全程面授高品質、高體驗培養模式，擁有國內一體化教學管理及學員服務，助力更多學員實現高薪夢想。