CSS面試題布局權重工程化

2021-09-28 07:35:02 字數 922 閱讀 8531

css布局(重點)

css布局面試題

css動畫

動畫面試題:

css預處理器

css工程化

計算乙個不進製的數字

!important            	      					   +infinity

行間樣式(style) +1000

id選擇器 +100

class選擇器|屬性選擇器|偽類選擇器(eg ::before) +10

標籤選擇器|偽元素(eg:hover) +1

萬用字元選擇器 +0

overflow-wrap:通用換行控制

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...