css布局(重點)
css布局面試題
css動畫
動畫面試題:
css預處理器
css工程化
計算乙個不進製的數字
overflow-wrap:通用換行控制!important +infinity
行間樣式(style) +1000
id選擇器 +100
class選擇器|屬性選擇器|偽類選擇器(eg ::before) +10
標籤選擇器|偽元素(eg:hover) +1
萬用字元選擇器 +0
word-break:真對多位元組文字
white-space:空白處是否換行
對兄弟的影響
對父級元素的影響
清除浮動
.container
.container: hover
.container
@keyframes run
50%100%
}
能做什麼.container
/* 設定雪碧圖的位置不斷切換達到動畫的目的 */
@keyframes run
12.5%
25%37.55%
50%62.5%
75%87.5%
100%
}
應用場景
css工程化面試題
1.如何解決css模組化的問題 less sass等css預處理器 postcss外掛程式 webpack處理css 2.postcss可以做什麼?其取決於外掛程式可以做什麼 autoprefixer cssnext prescc等相容性處理 import模組合併 css語法檢查,相容性檢查 壓縮檔...
前端面試題整理(十)工程化
準備面試的時候做的個人整理,比較基礎,難度對標實習一面,校招應該比這難點。前端面試題整理之工程化 個人經驗 工程化的問題一般是基礎問題聊的比較好之後才會被問到的。感覺面試官普遍對實習 校招同學對工程化的了解不報太大期待,接觸過 有經驗的當然是加分項,不了解的也不用太擔心,老老實實的回答,態度認真就好...
css布局的面試題
1.實現兩欄或者 三欄 的布局方法。1 布局 2 float margin 布局 3 inline block布局 4 flexbox布局 2.position absolute fixed有什麼區別?1 前者相對最近的absolute relative 2 後者相對螢幕 viewport 3.di...