2019web前端開發全新面試題庫 二

　　一、爲何要初始化CSS樣式?

　　答案：由於瀏覽器的兼容問題，不一樣瀏覽器對有些標籤的默認值是不一樣的，若是沒對CSS初始化每每會出現瀏覽器之間的頁面顯示差別。

　　固然，初始化樣式會對SEO有必定的影響，但魚和熊掌不可兼得，但力求影響最小的狀況下初始化。

　　二、浮動元素引發的問題?

　　答案：a. 父元素的高度沒法被撐開，影響與父元素同級的元素

　　b. 與浮動元素同級的非浮動元素會跟隨其後

　　c. 若非第一個元素浮動，則該元素以前的元素也須要浮動，不然會影響頁面顯示的結構

　　三、line-height三種賦值方式有何區別?(帶單位、純數字、百分比)?

　　答案：帶單位：px不用計算，em則會使元素以其父元素font-size值爲參考來計算本身的行高

　　純數字：把比例傳遞給後代，例如父級行高爲1.5，子元素字體爲18px，則子元素行高爲1.5*18=27px

　　百分比：將計算後的值傳遞給後代

　　四、 :link、:visited、:hover、:active的執行順序是怎麼樣的?

　　答案：L-V-H-A，l(link)ov(visited)e h(hover)a(active)te，即用喜歡和討厭兩個詞來歸納

　　五、css屬性content有什麼做用?有什麼應用?

　　答案：css的content屬性專門應用在 before/after 僞元素上，用於來插入生成內容，能夠配合自定義字體顯示特殊符號。

　　六、文字超出顯示爲省略號?

　　答案：//單行：

　　overflow: hidden;

　　text-overflow:ellipsis;

　　white-space: nowrap;

　　//多行：

　　display: -webkit-box;

　　-webkit-box-orient: vertical;

　　-webkit-line-clamp: 3;

　　overflow: hidden;

　　七、HTML5有哪些新增的表單元素?

　　答案：datalist datetime output date month week time color number range email url

　　八、用純CSS建立一個三角形的原理是什麼?

　　答案：首先，須要把元素的寬度、高度設爲0。而後設置邊框樣式。

　　width: 0;

　　height: 0;

　　border-top: 40px solid transparent;

　　border-left: 40px solid transparent;

　　border-right: 40px solid transparent;

　　border-bottom: 40px solid #ff0000;

　　九、何時能夠觸發BFC?

　　答案：根元素，即html

　　float的值不爲none(默認)

　　overflow的值不爲visible(默認)

　　display的值爲inline-block、table-cell、table-caption

　　position的值爲absolute或fixed

　　十、style標籤寫在body後與body前有什麼區別?

　　答案：頁面加載自上而下 固然是先加載樣式。

　　寫在body標籤後因爲瀏覽器以逐行方式對HTML文檔進行解析，當解析到寫在尾部的樣式表(外聯或寫在style標籤)會致使瀏覽器中止以前的渲染，等待加載且解析樣式表完成以後從新渲染，在windows的IE下可能會出現FOUC現象(即樣式失效致使的頁面閃爍問題)