前端学习-试卷
前端學(xué)習(xí)-試卷 1（滿分100+20，90分及格）
?一、填空題（每題4分，共20分）：
?二、選擇題（每題4分，共同20分）：
A.? jpg
B.? gif
C.? png8
D.? png24
//透明度！=透明度0//只有PNG24
//GIF PNG8都是不帶阿爾法通道的
?
- (??C? )? 下列選項哪個為群組選擇器：
A.? div > span >p{ ... }
B.? div #span #p{ ... }
C.? div, span, p{ ... }
D.? div .span .p{ ... }
?
A.? 需要清除浮動與否
B.? 獨占一行與另起一行
C.? 高寬屬性有效與否
D.? 與相鄰元素在同一行與否?
A.? section
B.? article
C.? label
D.? blockquote
//html有默認(rèn)IB ，所有表單元素都是默認(rèn)IB? //C是表單元素?
A.? overflow: hidden;
B.? display: none;
C.? visibility: hidden;
D.? text-indent: -100%;
?? //A 隱藏溢出部分 //B隱藏 C可視區(qū)域可見與否，占位。?
三、是非題（每題4分，共20分）：
四、應(yīng)用題（每題10分，共40分）：
. .clearfix:before,.clearfix:after {???? content:"";???? display:table; };
?.clearfix:after {???? clear:both;???? overflow:hidden; } ;
.clearfix {???? zoom:1; }/* for ie6 & ie7 */?
1.
2. 默認(rèn)情況下塊級元素寬度自動填滿其父元素寬度,行內(nèi)元素
- 補充代碼，使得容器內(nèi)的多行文字上下左右居中顯示：
html：
<div>
<p></p>
</div>
css：
div{
display: table;
}
p{
[補充代碼]
}
補充代碼：display: table-row;?
div{
width: auto;
height: none;
line-height: 1;
text-align: justify;
display: table-caption;
position: none;
visibility: show;
verticle-align: center;
list-style: point;
}
改正：
height:0;
position:static;
visibility: visible;
list-style:: disc;
cursor: point;
?五、附加題（每題10分，共20分）：
13. }
14. .a{
18. }
19. .b{?
23. }
24. @-webkit-keyframes show{
34. }
35. <div id="wrap">
40. </div>
42. 編寫一個表單，要求如下：
1).? 點擊按鈕自動提交
2).? 表單請求類型為post
3).? 表單提交參數(shù)：account、password、captcha
4).? 使用html5自帶屬性校驗元素是否為空
?
<form action=”/”method=”post””這里貌似有一串那個什么設(shè)置編碼還是什么的”>
<label for=”account”>account：</label>
<input type=”text” name=”account” id=”account”required/>
<label for=”password”>account：</label>
<input type=”password” name=”password” id=”password”required/>
<label for=”captcha”>account：</label>
<input type=”text” name=”captcha” id=”captcha”required/>
????? <input value=”submit” type=”submit”/>
</form>
?
轉(zhuǎn)載于:https://www.cnblogs.com/eveblog/p/4728062.html
總結(jié)
- 上一篇： 剑指offer第41题 和为s的两个数
- 下一篇： 【转】The Google File S