不卡AV在线|网页在线观看无码高清|亚洲国产亚洲国产|国产伦精品一区二区三区免费视频

學(xué)習(xí)啦 > 創(chuàng)業(yè)指南 > 職場 > 面試題 > web前端開發(fā)面試題及參考答案(2)

web前端開發(fā)面試題及參考答案(2)

時間: 如英753 分享

web前端開發(fā)面試題及參考答案

  4、為什么要初始化CSS樣式?

  因為瀏覽器的兼容問題,不同瀏覽器對有些標簽的默認值是不同的,如果沒對CSS初始化往往會出現(xiàn)瀏覽器之間的頁面顯示差異。當然,初始化樣式會對SEO有一定的影響,但魚和熊掌不可兼得,但力求影響最小的情況下初始化。最簡單的初始化方法就是: * {padding: 0; margin: 0;} (不建議)淘寶的樣式初始化: body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea

  { font:12px/1.5tahoma, arial, /5b8b/4f53; }h1, h2, h3, h4, h5, h6{ font-size:100%; }address, cite, dfn, em, var

  { font-style:normal; }code, kbd, pre, samp { font-family:couriernew, courier, monospace; }small{ font-size:12px; }ul, ol { list-style:none; }a { text-decoration:none; }a:hover { text-decoration:underline; }sup { vertical-align:text-top; }sub{ vertical-align:text-bottom; }legend { color:#000; }fieldset, img { border:0; }button, input, select, textarea { font-size:100%; }table { border-collapse:collapse; border-spacing:0; }

  5、absolute的containing block計算方式跟正常流有什么不同?

  6、position跟display、margin collapse、overflow、float這些特性相互疊加后會怎么樣?

  7、對BFC規(guī)范的理解?

  (W3C CSS 2.1 規(guī)范中的一個概念,它決定了元素如何對其內(nèi)容進行定位,以及與其他元素的關(guān)系和相互作用。)

  8、css定義的權(quán)重

  以下是權(quán)重的規(guī)則:標簽的權(quán)重為1,class的權(quán)重為10,id的權(quán)重為100,以下例子是演示各種定義的權(quán)重值:/*權(quán)重為1*/div{}/*權(quán)重為

  10*/.class1{}/*權(quán)重為100*/#id1{}/*權(quán)重為100+1=101*/#id1 div{}/*權(quán)重為10+1=11*/.class1 div{}/*權(quán)重為10+10+1=21*/.class1 .class2 div{} 如果權(quán)重相同,則最后定義的樣式會起作用,但是應(yīng)該避免這種情況出現(xiàn)

  9、解釋下浮動和它的工作原理?清除浮動的技巧 10、用過媒體查詢,針對移動端的布局嗎? 11、使用 CSS 預(yù)處理器嗎?喜歡那個? 12、CSS3有哪些新特性?

  CSS3實現(xiàn)圓角(border-radius:8px),陰影(box-shadow:10px), 對文字加特效(text-shadow、),線性漸變(gradient),旋轉(zhuǎn)

  (transform) transform:rotate(9deg) scale(0.85,0.90)

  translate(0px,-30px) skew(-9deg,0deg);//旋轉(zhuǎn),縮放,定位,傾斜 增加了更多的CSS選擇器 多背景rgba

  13、經(jīng)常遇到的CSS的兼容性有哪些?原因,解決方法是什么?

  14、介紹一下CSS的盒子模型?

  (1)有兩種, IE 盒子模型、標準 W3C 盒子模型;IE的content部分包含了 border 和pading;

  (2)盒模型:內(nèi)容(content)、填充(padding)、邊界(margin)、邊框(border). 1.對WEB標準以及W3C的理解與認識?

  標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈css和js腳本、結(jié)構(gòu)行為表現(xiàn)的分離、文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件,容易維護、改版方便,不需要變動頁面內(nèi)容、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性。


看過“web前端開發(fā)面試題及答案”的人還看了:

1.web前端開發(fā)面試題及答案

2.web前端面試題整理參考

3.web前端工程師面試題及答案

4.web前端開發(fā)面試題及答案

5.web前端js面試題及答案

1556218