1、boder如何實(shí)現(xiàn)0.5像素？
實(shí)現(xiàn)方法：CSS3有縮放的屬性，我們可以利用這個屬性，縮小50%的1px的邊框，來實(shí)現(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 選擇器有哪些，權(quán)重是什么樣的？
選擇器含義：選擇器是查找頁面元素的一種方式方法，選擇器的種類有很多種。
常用的選擇器有以下內(nèi)容：
1、ID #id
2、class .class
3、標(biāo)簽 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、結(jié)構(gòu)偽類 :nth-child :first-child :last-child
權(quán)重計(jì)算規(guī)則：
1、第一等：代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。
2、第二等：代表ID選擇器，如：#content，權(quán)值為0100。
3、第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為0010。
4、第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為0001。
5、通配符、*權(quán)值為0000。
6、繼承的樣式?jīng)]有權(quán)重值。
important > 內(nèi)聯(lián) > ID > 類| 偽類 | 屬性選擇|偽對象 > 標(biāo)簽 > 繼承 > 通配符
3、css：一個容器(頁面)，里面有兩個div左右擺放并且高度和容器高度一致，左div不會隨著頁面左右伸縮而變化，右div隨頁面左右伸縮寬度自適應(yīng)(手寫)
```html
<div class="container">
<div class="left"></div>
<div class="right">北京千鋒互聯(lián)科技有限公司（下面簡稱“千鋒教育”），成立于2011年1月，立足于職業(yè)教育培訓(xùn)領(lǐng)域，公司現(xiàn)有教育培訓(xùn)、高校服務(wù)、企業(yè)服務(wù)三大業(yè)務(wù)板塊。教育培訓(xùn)業(yè)務(wù)分為大學(xué)生技能培訓(xùn)和職后技能培訓(xùn)；高校服務(wù)業(yè)務(wù)主要提供校企合作全解決方案與定制服務(wù)；企...</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>
```
更多關(guān)于前端培訓(xùn)的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢想。
京公網(wǎng)安備 11010802030320號