forked from haizlin/fe-interview
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss.md
349 lines (346 loc) · 37.7 KB
/
css.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
# css面试题
> 一周汇总一次
## 历史题目
> 最新：2029.03.29
- [举例说明shape-outside的属性的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2156)
- [ui设计中px、pt、ppi、dpi、dp、sp之间的关系？](https://github.com/haizlin/fe-interview/issues/2152)
- [使用css画个钟表的时间刻度](https://github.com/haizlin/fe-interview/issues/2148)
- [请使用css3实现图片的平滑转换](https://github.com/haizlin/fe-interview/issues/2135)
- [使用纯css能否监控到用户的一些信息？怎么实现？](https://github.com/haizlin/fe-interview/issues/2126)
- [在一个项目里，你是如何组织(架构)css代码的？](https://github.com/haizlin/fe-interview/issues/2122)
- [为了减小css文件的大小，怎么去除无用css呢？有哪些方法？](https://github.com/haizlin/fe-interview/issues/2112)
- [css的加载会阻塞js运行吗？为什么？](https://github.com/haizlin/fe-interview/issues/2108)
- [css的加载会阻塞DOM树解析和渲染吗？为什么？](https://github.com/haizlin/fe-interview/issues/2104)
- [异步加载CSS的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2094)
- [举例说明如何从html元素继承box-sizing？](https://github.com/haizlin/fe-interview/issues/2090)
- [使用css的attr()写一个类似a标签title的提示框](https://github.com/haizlin/fe-interview/issues/2086)
- [鼠标事件css的:hover和js的mouseover有什么区别？](https://github.com/haizlin/fe-interview/issues/2077)
- [举例说明你对指针事件（pointer-events）的理解](https://github.com/haizlin/fe-interview/issues/2067)
- [如何用css实现把“我不爱996”变成“699爱不我”？](https://github.com/haizlin/fe-interview/issues/2063)
- [scroll-snap-align属性的应用场景是什么？](https://github.com/haizlin/fe-interview/issues/2058)
- [css中Scroll-behavior属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2048)
- [你有使用过css的writing-mode属性吗？说说它有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/2044)
- [使用css实现对话气泡的效果](https://github.com/haizlin/fe-interview/issues/2039)
- [如何隐藏没有静音、自动播放的音视频？](https://github.com/haizlin/fe-interview/issues/2034)
- [怎么使用css选择空链接？](https://github.com/haizlin/fe-interview/issues/2024)
- [说说你对table-layout的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2020)
- [颜色hsla的字母分别表示什么？](https://github.com/haizlin/fe-interview/issues/2016)
- [如何禁用移动的选择高亮？](https://github.com/haizlin/fe-interview/issues/2012)
- [使用css实现悬浮提示文本](https://github.com/haizlin/fe-interview/issues/2008)
- [怎么设置可点击的元素上强制手型？](https://github.com/haizlin/fe-interview/issues/2004)
- [如何使用css实现跨浏览器的最小高度？](https://github.com/haizlin/fe-interview/issues/1995)
- [使用css3实现一个斑马线的效果](https://github.com/haizlin/fe-interview/issues/1986)
- [使用纯css来创建一个滑块](https://github.com/haizlin/fe-interview/issues/1982)
- [用css画一个五边形和一个六边形](https://github.com/haizlin/fe-interview/issues/1978)
- [你有没有使用过“形似猫头鹰”（例：`* + *{ ... }`） 的选择器？](https://github.com/haizlin/fe-interview/issues/1973)
- [为什么说css中能用子代选择器的时候不要用后代选择器？](https://github.com/haizlin/fe-interview/issues/1968)
- [如何给文字的color设置渐变](https://github.com/haizlin/fe-interview/issues/1964)
- [如何在白天和黑夜自动切换页面的颜色？](https://github.com/haizlin/fe-interview/issues/1958)
- [CSS中哪些属性会引起GPU渲染，会增加耗电吗？](https://github.com/haizlin/fe-interview/issues/1954)
- [说说你对相对定位、绝对定位、固定定位的理解](https://github.com/haizlin/fe-interview/issues/1916)
- [css中的选择器、属性、属性值区分大小写吗？](https://github.com/haizlin/fe-interview/issues/1912)
- [img标签是行内元素，为什么却能设置宽高？](https://github.com/haizlin/fe-interview/issues/1908)
- [如何禁止长按保存或复制图像？](https://github.com/haizlin/fe-interview/issues/1900)
- [css的height:100%和height:inherit之间有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1896)
- [css的哪个属性可以把所有元素或其父元素的属性重置呢？](https://github.com/haizlin/fe-interview/issues/1892)
- [如何取消从父级元素继承下来的CSS样式呢？](https://github.com/haizlin/fe-interview/issues/1881)
- [说下你对css样式的这几个属性值initial、inherit、unset、revert的理解](https://github.com/haizlin/fe-interview/issues/1877)
- [如何解决css加载字体跨域的问题？](https://github.com/haizlin/fe-interview/issues/1873)
- [当使用@font-face的时候，为什么src中要加入local呢？](https://github.com/haizlin/fe-interview/issues/1869)
- [你有使用过font-size-adjust属性吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1865)
- [body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？](https://github.com/haizlin/fe-interview/issues/1861)
- [你所理解的css高级技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1857)
- [举例说明跟字体相关的属性有哪些？](https://github.com/haizlin/fe-interview/issues/1853)
- [你知道字体所拥有的字重的数量和font-weight的数值字重是什么对应关系吗？](https://github.com/haizlin/fe-interview/issues/1849)
- [字体的粗细的属性是用哪一个？它有哪些属性值？](https://github.com/haizlin/fe-interview/issues/1845)
- [用CSS实现一个轮播图](https://github.com/haizlin/fe-interview/issues/1841)
- [用CSS实现tab切换](https://github.com/haizlin/fe-interview/issues/1837)
- [移动端1px像素的问题及解决方案是什么？](https://github.com/haizlin/fe-interview/issues/1833)
- [如何将元素的所有css属性恢复为初始化状态？](https://github.com/haizlin/fe-interview/issues/1829)
- [使用纯css实现一个rate评分的功能](https://github.com/haizlin/fe-interview/issues/1825)
- [css中的baseline，你知道吗？](https://github.com/haizlin/fe-interview/issues/1821)
- [你知道什么是动态伪类吗？](https://github.com/haizlin/fe-interview/issues/1817)
- [使用css3绘制一个QQ小企鹅的LOGO](https://github.com/haizlin/fe-interview/issues/1813)
- [使用css3画一个扇形](https://github.com/haizlin/fe-interview/issues/1809)
- [请使用css3来模拟中/英文打字的效果](https://github.com/haizlin/fe-interview/issues/1805)
- [使用css3绘制一个圆形动态的时钟](https://github.com/haizlin/fe-interview/issues/1801)
- [使用css将图片转换成黑白的效果](https://github.com/haizlin/fe-interview/issues/1797)
- [说说你对css的合成与混合模式的理解](https://github.com/haizlin/fe-interview/issues/1793)
- [一个页面引用多个文件，如何防止样式冲突？](https://github.com/haizlin/fe-interview/issues/1789)
- [如何清除在项目中无用的css代码呢？](https://github.com/haizlin/fe-interview/issues/1785)
- [css图片缩放失真出现锯齿的如何解决呢？](https://github.com/haizlin/fe-interview/issues/1781)
- [css如何消除字体的锯齿？](https://github.com/haizlin/fe-interview/issues/1777)
- [请使用CSS画一个带锯齿形边框圆圈](https://github.com/haizlin/fe-interview/issues/1773)
- [sass是如何导入模块的](https://github.com/haizlin/fe-interview/issues/1768)
- [使用sass里，你是怎么组织你的sass文件的？](https://github.com/haizlin/fe-interview/issues/1764)
- [说说sass有哪些你认为很棒的特性](https://github.com/haizlin/fe-interview/issues/1760)
- [在sass中可以执行布尔运算吗？](https://github.com/haizlin/fe-interview/issues/1755)
- [你有用过sass中的Mixin功能吗？它有哪些作用？](https://github.com/haizlin/fe-interview/issues/1751)
- [检测sass中错误的指令是哪个？](https://github.com/haizlin/fe-interview/issues/1747)
- [说说你对sass的嵌套规则的理解？](https://github.com/haizlin/fe-interview/issues/1743)
- [你认为sass和less的最大区别是什么呢？你喜欢哪个？为什么？](https://github.com/haizlin/fe-interview/issues/1739)
- [sass是怎么定义变量的？](https://github.com/haizlin/fe-interview/issues/1735)
- [使用sass的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1731)
- [为什么要使用sass/less？](https://github.com/haizlin/fe-interview/issues/1727)
- [你对伪类了解多少？分为几大类？](https://github.com/haizlin/fe-interview/issues/1723)
- [分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景](https://github.com/haizlin/fe-interview/issues/1719)
- [你知道什么是CSS-in-JS吗？说说你对它的了解](https://github.com/haizlin/fe-interview/issues/1715)
- [你知道什么是聚焦环吗？怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1711)
- [如何让一个块元素绝对居中？](https://github.com/haizlin/fe-interview/issues/1707)
- [css的user-select:all 有什么用处？](https://github.com/haizlin/fe-interview/issues/1703)
- [说说display:none和visibility:hidden的区别](https://github.com/haizlin/fe-interview/issues/1699)
- [如何使用CSS绘制一个汉堡式菜单](https://github.com/haizlin/fe-interview/issues/1695)
- [你是如何压缩字体的？](https://github.com/haizlin/fe-interview/issues/1691)
- [如何修改美化radio、checkbox的默认样式？](https://github.com/haizlin/fe-interview/issues/1687)
- [你有使用过postcss吗？它和less/scss/stylus有什么区别？](https://github.com/haizlin/fe-interview/issues/1682)
- [使用rem布局时怎样合理设置根标签字体大小？](https://github.com/haizlin/fe-interview/issues/1650)
- [解释下css3的flexbox（弹性盒布局模型），以及它应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1646)
- [你有使用过vmax和vmin吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/1642)
- [如何设置背景图片不随着文本内容的滚动而滚动？](https://github.com/haizlin/fe-interview/issues/1638)
- [css中兼容ie浏览器的前缀是什么? ](https://github.com/haizlin/fe-interview/issues/1629)
- [请问触发hasLayout的后果是什么？](https://github.com/haizlin/fe-interview/issues/1625)
- [css中class和id选择器有什么区别？](https://github.com/haizlin/fe-interview/issues/1621)
- [移动端页面不满一屏时如何实现满屏背景？](https://github.com/haizlin/fe-interview/issues/1617)
- [写一个高度从0到auto的transition动画](https://github.com/haizlin/fe-interview/issues/1613)
- [如何使用CSS3的属性设置模拟边框跟border效果一样？](https://github.com/haizlin/fe-interview/issues/1608)
- [怎么IE6下在使用margin:0 auto;无法使其居中？](https://github.com/haizlin/fe-interview/issues/1604)
- [使用css实现彩虹的效果](https://github.com/haizlin/fe-interview/issues/1600)
- [css中padding和margin是相对于父元素还是子元素呢？](https://github.com/haizlin/fe-interview/issues/1595)
- [当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？](https://github.com/haizlin/fe-interview/issues/1591)
- [在css中为什么说不建议使用@import？](https://github.com/haizlin/fe-interview/issues/1587)
- [写一个动画，向上匀速移动100px，向下以1.5倍速度移动200px，一直反复循环](https://github.com/haizlin/fe-interview/issues/1583)
- [说出至少十条你理解的css规范](https://github.com/haizlin/fe-interview/issues/1579)
- [使用css画出一个五角星](https://github.com/haizlin/fe-interview/issues/1575)
- [使用overflow: scroll时不能平滑滚动怎样解决？](https://github.com/haizlin/fe-interview/issues/1571)
- [请说下你对css对象模型(CSSOM)的理解](https://github.com/haizlin/fe-interview/issues/1566)
- [用css实现倒影的效果](https://github.com/haizlin/fe-interview/issues/1562)
- [用css实现饼图效果](https://github.com/haizlin/fe-interview/issues/1558)
- [怎么使用纯css实现左右拉伸拖动？](https://github.com/haizlin/fe-interview/issues/1554)
- [举例说明attr()的使用场景](https://github.com/haizlin/fe-interview/issues/1550)
- [你有使用:valid和:invalid来校验表单吗？](https://github.com/haizlin/fe-interview/issues/1546)
- [使用css写一个水平翻转文字的效果](https://github.com/haizlin/fe-interview/issues/1542)
- [举例说明:not()的使用场景有哪些](https://github.com/haizlin/fe-interview/issues/1538)
- [怎么让div中的图片和文字同时上下居中？](https://github.com/haizlin/fe-interview/issues/1534)
- [怎么使图片宽度自适应呢？](https://github.com/haizlin/fe-interview/issues/1530)
- [实现文本的竖向排版](https://github.com/haizlin/fe-interview/issues/1526)
- [你有用过vw布局吗？和使用rem有什么区别？](https://github.com/haizlin/fe-interview/issues/1521)
- [举例说明常用的cursor取值有哪些？](https://github.com/haizlin/fe-interview/issues/1517)
- [举例说明clear取值有哪些？](https://github.com/haizlin/fe-interview/issues/1513)
- [请写出:link、:visited、:hover、:active的执行顺序](https://github.com/haizlin/fe-interview/issues/1509)
- [实现一个上下固定，中间自动填满的布局](https://github.com/haizlin/fe-interview/issues/1505)
- [怎样用纯CSS实现禁止鼠标点击事件？](https://github.com/haizlin/fe-interview/issues/1501)
- [当全国哀悼日时，怎么让整个网站变成灰色呢？](https://github.com/haizlin/fe-interview/issues/1497)
- [如果给一个元素设置background-color,它的颜色会填充哪些区域呢？](https://github.com/haizlin/fe-interview/issues/1493)
- [使用css3做一个魔方旋转的效果](https://github.com/haizlin/fe-interview/issues/1489)
- [手写一个使用css3旋转硬币的效果](https://github.com/haizlin/fe-interview/issues/1485)
- [height和line-height的区别是什么呢？](https://github.com/haizlin/fe-interview/issues/1481)
- [请用css写一个扫码的加载动画图](https://github.com/haizlin/fe-interview/issues/1477)
- [举例说明伪类:focus-within的用法](https://github.com/haizlin/fe-interview/issues/1473)
- [如何用css自定义滚动条？能做到所有浏览器兼容吗？想要做兼容怎么办呢？](https://github.com/haizlin/fe-interview/issues/1469)
- [border-radius:50%和border-radius:100%有什么区别？](https://github.com/haizlin/fe-interview/issues/1465)
- [如何使用CSS实现段落首字母或首字放大效果？](https://github.com/haizlin/fe-interview/issues/1461)
- [如何给段落的首行缩进？](https://github.com/haizlin/fe-interview/issues/1457)
- [你有去看过或者了解过css的标准文档吗？](https://github.com/haizlin/fe-interview/issues/1453)
- [你知道CSS的标准发布流程吗？](https://github.com/haizlin/fe-interview/issues/1449)
- [你最希望css拥有什么样的特性？（目前没有的）](https://github.com/haizlin/fe-interview/issues/1445)
- [解释下为什么css的reset不建议直接这么写：*{ margin:0; padding:0;}？](https://github.com/haizlin/fe-interview/issues/1441)
- [为什么说不提倡用1px的小尺寸图片做背景平铺？](https://github.com/haizlin/fe-interview/issues/1437)
- [举例说明css有哪些简写的属性和属性值？](https://github.com/haizlin/fe-interview/issues/1433)
- [请说说颜色中#F00的每一位分别表示什么？为什么会有三位和六位的表示呢？](https://github.com/haizlin/fe-interview/issues/1429)
- [请使用css写一个多级的下拉菜单](https://github.com/haizlin/fe-interview/issues/1418)
- [用css给一个元素加边框有哪些方法？](https://github.com/haizlin/fe-interview/issues/1414)
- [相邻兄弟选择器、后代选择器和子选择器三者有什么区别？](https://github.com/haizlin/fe-interview/issues/1409)
- [举例说明你对相邻兄弟选择器的理解](https://github.com/haizlin/fe-interview/issues/1404)
- [你是怎么设计css sprites（精灵图）的？有哪些技巧？](https://github.com/haizlin/fe-interview/issues/1384)
- [请描述下你对translate()方法的理解](https://github.com/haizlin/fe-interview/issues/1380)
- [怎样去除图片自带的边距？](https://github.com/haizlin/fe-interview/issues/1376)
- [让你手写一个reset的文件，你应该怎么写？要考虑哪些方面呢？](https://github.com/haizlin/fe-interview/issues/1372)
- [你知道css的预处理器和后处理器都有哪些吗？它们有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1368)
- [请使用css画一个圆，方法可以多种](https://github.com/haizlin/fe-interview/issues/1364)
- [css中最常用的字体有哪些？你是怎么选择字体的？](https://github.com/haizlin/fe-interview/issues/1346)
- [请举例说明css有哪些不可继承的属性？](https://github.com/haizlin/fe-interview/issues/1342)
- [你有使用过preload、preconnect、prefetch这些属性吗？说说它们都有什么作用？](https://github.com/haizlin/fe-interview/issues/1338)
- [你是怎样对css文件进行压缩合并的？](https://github.com/haizlin/fe-interview/issues/1334)
- [如果css文件过大时，如何异步加载它？](https://github.com/haizlin/fe-interview/issues/1330)
- [css3和css2的区别是什么？](https://github.com/haizlin/fe-interview/issues/1316)
- [你有使用过字体图标吗？它有什么好处？](https://github.com/haizlin/fe-interview/issues/1312)
- [你知道什么是流体排版吗？说说它的原理是什么？](https://github.com/haizlin/fe-interview/issues/1297)
- [请说说你对vh、vw的理解以及它们的运用场景是什么？](https://github.com/haizlin/fe-interview/issues/1293)
- [css怎么更改表单的单选框或下拉框的默认样式？](https://github.com/haizlin/fe-interview/issues/1288)
- [你了解css3的currentColor吗？举例说明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1284)
- [怎么去掉点击a链接或者图片出现的边框？](https://github.com/haizlin/fe-interview/issues/1280)
- [css的linear-gradient有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1276)
- [会引起Reflow和Repaint的操作有哪些？](https://github.com/haizlin/fe-interview/issues/1272)
- [你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？](https://github.com/haizlin/fe-interview/issues/1268)
- [你是怎么选择resetting和normalizing的？为什么？](https://github.com/haizlin/fe-interview/issues/1264)
- [position跟margin collapse这些特性相互叠加后会怎么样？](https://github.com/haizlin/fe-interview/issues/1260)
- [移动端的布局用过媒体查询吗？写一个试试](https://github.com/haizlin/fe-interview/issues/1256)
- [举例说明你知道的css技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1252)
- [判断第一行和第二行的颜色分别是什么？并解释为什么？[代码]](https://github.com/haizlin/fe-interview/issues/1248)
```html
<style>
.red {color:red;}
.green {color:green;}
</style>
<div class="red green">第一行：颜色是什么？</div>
<div class="green red">第二行：颜色是什么？</div>
```
- [用css怎么实现两端对齐？](https://github.com/haizlin/fe-interview/issues/1234)
- [你有用过弹性布局吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1230)
- [外边距重叠是什么？重叠的结果是什么？怎么防止外边距重叠？](https://github.com/haizlin/fe-interview/issues/1226)
- [css中的border:none和border:0px有什么区别？](https://github.com/haizlin/fe-interview/issues/1222)
- [如何写高效的CSS？](https://github.com/haizlin/fe-interview/issues/1218)
- [如何做图片预览，如何放大一个图片？](https://github.com/haizlin/fe-interview/issues/1214)
- [举例说明在css3中怎么实现背景裁剪？](https://github.com/haizlin/fe-interview/issues/1210)
- [如何使用CSS的多列布局？](https://github.com/haizlin/fe-interview/issues/1206)
- [请说说CSS3实现文本效果的属性有哪些？](https://github.com/haizlin/fe-interview/issues/1202)
- [请说说在什么时候用transition？什么时候使用animation？](https://github.com/haizlin/fe-interview/issues/1198)
- [说说响应式设计(responsive design)和自适应设计(adaptive design)的区别？](https://github.com/haizlin/fe-interview/issues/1183)
- [什么是脱离文档流？有什么办法可以让元素脱离标准的文档流？](https://github.com/haizlin/fe-interview/issues/1179)
- [请问background-attachmentn属性有什么用途？](https://github.com/haizlin/fe-interview/issues/1175)
- [移动页面底部工具条有3个图标，如何平分？在设置边框后最后一个图标掉下去了怎么办？](https://github.com/haizlin/fe-interview/issues/1170)
- [css怎样使每个字符宽度一样？](https://github.com/haizlin/fe-interview/issues/1166)
- [说下你对background-size的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1162)
- [如何自定义radio按钮的样式](https://github.com/haizlin/fe-interview/issues/1158)
- [word-wrap、word-break和white-space有什么区别？](https://github.com/haizlin/fe-interview/issues/1153)
- [说说你对字母"X"在CSS中有什么作用？](https://github.com/haizlin/fe-interview/issues/1149)
- [CSS3中的transition是否可以过渡opacity和display？](https://github.com/haizlin/fe-interview/issues/1145)
- [说下background-color:transparent和opacity:0的区别是什么？](https://github.com/haizlin/fe-interview/issues/1141)
- [你有用过IE css的expression表达式吗？说说你对它的理解和它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1137)
- [z-index有时不起作用的原因是什么？怎么解决？](https://github.com/haizlin/fe-interview/issues/1133)
- [你有了解css计数器（序列数字字符自动递增）吗？如何通过css的content属性实现呢？](https://github.com/haizlin/fe-interview/issues/1129)
- [说说你对css的will-change属性的理解，它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1125)
- [transition、animation、transform三者有什么区别？](https://github.com/haizlin/fe-interview/issues/1121)
- [如何使用css3实现一个div设置多张背景图片？](https://github.com/haizlin/fe-interview/issues/1117)
- [有哪些方式可以对一个DOM设置它的CSS样式？](https://github.com/haizlin/fe-interview/issues/1113)
- [举例说明实现圆角的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1109)
- [有用过scss和sass吗？说说它们之间的区别是什么？](https://github.com/haizlin/fe-interview/issues/1105)
- [absolute的containing block（容器块）计算方式和正常流有什么区别？](https://github.com/haizlin/fe-interview/issues/1101)
- [说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？](https://github.com/haizlin/fe-interview/issues/1097)
- [说说你对min-width和max-width的理解，它们有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1093)
- [说说你对hasLayout的理解，触发hasLayout的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1089)
- [使用纯CSS代码实现动画的暂停与播放](https://github.com/haizlin/fe-interview/issues/1084)
- [举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同？](https://github.com/haizlin/fe-interview/issues/1079)
- [什么是zoom？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1074)
- [举例说明微信端兼容问题有哪些？](https://github.com/haizlin/fe-interview/issues/1070)
- [请举例说明伪元素 (pseudo-elements) 有哪些用途？](https://github.com/haizlin/fe-interview/issues/1066)
- [设置字体时为什么建议设置替换字体？](https://github.com/haizlin/fe-interview/issues/1062)
- [你有没有自己写过一套UI库？说下遇到哪些难点？](https://github.com/haizlin/fe-interview/issues/1058)
- [说说你对GPU的理解，举例说明哪些元素能触发GPU硬件加速？](https://github.com/haizlin/fe-interview/issues/1054)
- [你知道CSS中的字母"C"代表什么吗？](https://github.com/haizlin/fe-interview/issues/1050)
- [怎么自定义鼠标指针的图案？](https://github.com/haizlin/fe-interview/issues/1046)
- [Reset CSS和Normalize CSS的区别是什么？](https://github.com/haizlin/fe-interview/issues/1042)
- [为什么要使用css sprites？](https://github.com/haizlin/fe-interview/issues/1038)
- [标签、class和id选择器三者的区别是什么？分别在什么时候用？](https://github.com/haizlin/fe-interview/issues/1034)
- [举例说明时间、频率、角度、弧度、百分度的单位分别是哪些？](https://github.com/haizlin/fe-interview/issues/1030)
- [你有用过table布局吗？说说你的感受](https://github.com/haizlin/fe-interview/issues/1026)
- [说说你对设备像素比的理解](https://github.com/haizlin/fe-interview/issues/1022)
- [说下你对cursor属性的理解](https://github.com/haizlin/fe-interview/issues/1018)
- [position的relative和absolute定位原点是哪里？](https://github.com/haizlin/fe-interview/issues/1014)
- [过渡和动画的区别是什么？](https://github.com/haizlin/fe-interview/issues/1010)
- [CSS中的calc()有什么作用？](https://github.com/haizlin/fe-interview/issues/1006)
- [怎么实现移动端的边框0.5px？](https://github.com/haizlin/fe-interview/issues/1002)
- [行内元素和块级元素有什么区别，如何相互转换？](https://github.com/haizlin/fe-interview/issues/997)
- [说说你对低版本IE的盒子模型的理解](https://github.com/haizlin/fe-interview/issues/993)
- [你是如何规划响应式布局的？](https://github.com/haizlin/fe-interview/issues/989)
- [说说你对前端二倍图的理解？移动端使用二倍图比一倍图有什么好处？](https://github.com/haizlin/fe-interview/issues/985)
- [如何让大小不同的图片等比缩放不变形显示在固定大小的div里？写出来](https://github.com/haizlin/fe-interview/issues/980)
- [你对视网膜(Retina)分辨率有了解吗？有没有在实际中使用过？](https://github.com/haizlin/fe-interview/issues/976)
- [移动端微信页面有哪些兼容性问题及解决方案是什么？](https://github.com/haizlin/fe-interview/issues/972)
- [如何更改placeholder的字体颜色和大小？](https://github.com/haizlin/fe-interview/issues/968)
- [行内css和important哪个优先级高？](https://github.com/haizlin/fe-interview/issues/963)
- [当一个元素被设置为浮动后，它的display值变为什么呢？](https://github.com/haizlin/fe-interview/issues/959)
- [为什么会出现浮动？在什么时候需要清除浮动呢？](https://github.com/haizlin/fe-interview/issues/955)
- [写出div在不固定高度的情况下水平垂直居中的方法？](https://github.com/haizlin/fe-interview/issues/907)
- [移动端的布局用过媒体查询吗？写出例子看看](https://github.com/haizlin/fe-interview/issues/903)
- [CSS的伪类和伪对象有什么不同？](https://github.com/haizlin/fe-interview/issues/758)
- [CSS的overflow属性定义溢出元素内容区的内容会如何处理呢?](https://github.com/haizlin/fe-interview/issues/748)
- [外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？](https://github.com/haizlin/fe-interview/issues/744)
- [说说你对CSS样式覆盖规则的理解](https://github.com/haizlin/fe-interview/issues/608)
- [写出几个初始化CSS的样式，并解释说明为什么要这样写](https://github.com/haizlin/fe-interview/issues/601)
- [display有哪些值？分别说明他们的作用是什么？](https://github.com/haizlin/fe-interview/issues/597)
- [怎么让body高度自适应屏幕？为什么？](https://github.com/haizlin/fe-interview/issues/593)
- [font-style的属性有Italic和oblique，两者有什么区别呢?](https://github.com/haizlin/fe-interview/issues/589)
- [IE(6/7/8/9/10/11/Edge)下的hack写法分别有哪些？](https://github.com/haizlin/fe-interview/issues/585)
- [写出你遇到过IE6/7/8/9的BUG及解决方法](https://github.com/haizlin/fe-interview/issues/581)
- [举例说明css的基本语句构成是什么呢？](https://github.com/haizlin/fe-interview/issues/577)
- [写例子说明如何强制（自动）中、英文换行与不换行](https://github.com/haizlin/fe-interview/issues/573)
- [说说你对BEM规范的理解，同时举例说明常见的CSS规范有哪些？](https://github.com/haizlin/fe-interview/issues/569)
- [遇到overflow: scroll不能平滑滚动怎么解决？](https://github.com/haizlin/fe-interview/issues/563)
- [请问display:inline-block在什么时候会显示间隙？](https://github.com/haizlin/fe-interview/issues/531)
- [用CSS画出一个任意角度的扇形，可以写多种实现的方法](https://github.com/haizlin/fe-interview/issues/527)
- [请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？](https://github.com/haizlin/fe-interview/issues/522)
- [说说你对!important的理解，一般在哪些场景使用？](https://github.com/haizlin/fe-interview/issues/518)
- [在实际编写css中你有遇到过哪些浏览器兼容性的问题？怎么解决的？](https://github.com/haizlin/fe-interview/issues/514)
- [怎么改变选中文本的文字颜色和背景色？](https://github.com/haizlin/fe-interview/issues/510)
- [你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？](https://github.com/haizlin/fe-interview/issues/503)
- [你有使用过哪些栅格系统？都有什么区别呢？](https://github.com/haizlin/fe-interview/issues/499)
- [请说说`*{box-sizing: border-box;}`的作用及好处有哪些](https://github.com/haizlin/fe-interview/issues/495)
- [说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？](https://github.com/haizlin/fe-interview/issues/491)
- [如何消除transition闪屏？](https://github.com/haizlin/fe-interview/issues/408)
- [元素竖向的百分比设置是相对容器的高度吗？](https://github.com/haizlin/fe-interview/issues/404)
- [用CSS绘制一个红色的爱心](https://github.com/haizlin/fe-interview/issues/300)
- [举例说明css中颜色的表示方法有几种](https://github.com/haizlin/fe-interview/issues/294)
- [说说position的absolute和fixed共同与不同点分别是什么？](https://github.com/haizlin/fe-interview/issues/280)
- [手动写动画最小时间间隔是多少，为什么？](https://github.com/haizlin/fe-interview/issues/276)
- [怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？](https://github.com/haizlin/fe-interview/issues/255)
- [用css画一个太阳](https://github.com/haizlin/fe-interview/issues/251)
- [你有用过哪些css框架？说说它们的特点](https://github.com/haizlin/fe-interview/issues/245)
- [box-sizing常用的属性有哪些？分别有什么作用？](https://github.com/haizlin/fe-interview/issues/241)
- [inline、block、inline-block这三个属性值有什么区别？](https://github.com/haizlin/fe-interview/issues/237)
- [margin和padding使用的场景有哪些？](https://github.com/haizlin/fe-interview/issues/220)
- [什么是视差滚动？如何实现视差滚动的效果？](https://github.com/haizlin/fe-interview/issues/216)
- [css3的:nth-child和:nth-of-type的区别是什么？](https://github.com/haizlin/fe-interview/issues/208)
- [怎么使用自定义字体？有什么注意事项？](https://github.com/haizlin/fe-interview/issues/208)
- [要是position跟display、overflow、float这些特性相互叠加后会怎么样？](https://github.com/haizlin/fe-interview/issues/203)
- [有用过Flex吗？简要说下你对它的了解](https://github.com/haizlin/fe-interview/issues/198)
- [列举CSS优化、提高性能的方法](https://github.com/haizlin/fe-interview/issues/190)
- [假如设计稿使用了非标准的字体，你该如何去实现它？](https://github.com/haizlin/fe-interview/issues/186)
- [你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？](https://github.com/haizlin/fe-interview/issues/182)
- [你是怎样抽离样式模块的？](https://github.com/haizlin/fe-interview/issues/178)
- [说说你对媒体查询的理解](https://github.com/haizlin/fe-interview/issues/174)
- [你知道的等高布局有多少种？写出来](https://github.com/haizlin/fe-interview/issues/170)
- [手写一个满屏品字布局的方案](https://github.com/haizlin/fe-interview/issues/166)
- [span与span之间有看不见的空白间隔是什么原因引起的？有什么解决办法？](https://github.com/haizlin/fe-interview/issues/162)
- [重置（初始化）css的作用是什么？](https://github.com/haizlin/fe-interview/issues/158)
- [怎么让英文单词的首字母大写？](https://github.com/haizlin/fe-interview/issues/153)
- [怎么才能让图文不可复制？](https://github.com/haizlin/fe-interview/issues/149)
- [写出你知道的CSS水平和垂直居中的方法](https://github.com/haizlin/fe-interview/issues/145)
- [实现单行文本居中和多行文本左对齐并超出显示"..."](https://github.com/haizlin/fe-interview/issues/141)
- [不使用border画出1px高的线，在不同浏览器的标准和怪异模式下都能保持效果一样](https://github.com/haizlin/fe-interview/issues/137)
- [写出主流浏览器内核私有属性的css前缀](https://github.com/haizlin/fe-interview/issues/133)
- [使用flex实现三栏布局，两边固定，中间自适应](https://github.com/haizlin/fe-interview/issues/129)
- [浏览器是怎样判断元素是否和某个CSS选择器匹配？](https://github.com/haizlin/fe-interview/issues/123)
- [用CSS绘制一个三角形](https://github.com/haizlin/fe-interview/issues/119)
- [说下line-height三种赋值方式有何区别？](https://github.com/haizlin/fe-interview/issues/115)
- [让网页的字体变得清晰，变细用CSS怎么做？](https://github.com/haizlin/fe-interview/issues/111)
- [描述下你所了解的图片格式及使用场景](https://github.com/haizlin/fe-interview/issues/107)
- [请描述css的权重计算规则](https://github.com/haizlin/fe-interview/issues/103)
- [rgba()和opacity这两个的透明效果有什么区别呢？](https://github.com/haizlin/fe-interview/issues/99)
- [怎样修改chrome记住密码后自动填充表单的黄色背景？](https://github.com/haizlin/fe-interview/issues/95)
- [说说你对z-index的理解](https://github.com/haizlin/fe-interview/issues/91)
- [在页面中的应该使用奇数还是偶数的字体？为什么呢？](https://github.com/haizlin/fe-interview/issues/87)
- [你有用过CSS预处理器吗？喜欢用哪个？原理是什么？](https://github.com/haizlin/fe-interview/issues/83)
- [说说CSS的优先级是如何计算的？](https://github.com/haizlin/fe-interview/issues/79)
- [说说浏览器解析CSS选择器的过程？](https://github.com/haizlin/fe-interview/issues/75)
- [说说你对line-height是如何理解的？](https://github.com/haizlin/fe-interview/issues/71)
- [要让Chrome支持小于12px的文字怎么做？](https://github.com/haizlin/fe-interview/issues/67)
- [css的属性content有什么作用呢？有哪些场景可以用到？](https://github.com/haizlin/fe-interview/issues/63)
- [什么是FOUC？你是如何避免FOUC的？](https://github.com/haizlin/fe-interview/issues/59)
- [解释下 CSS sprites的原理和优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/55)
- [请描述margin边界叠加是什么及解决方案](https://github.com/haizlin/fe-interview/issues/51)
- [style标签写在body前和body后的区别是什么？](https://github.com/haizlin/fe-interview/issues/47)
- [position:fixed;在ios下无效该怎么办？](https://github.com/haizlin/fe-interview/issues/43)
- [::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？](https://github.com/haizlin/fe-interview/issues/39)
- [说说你对css盒子模型的理解](https://github.com/haizlin/fe-interview/issues/35)
- [css常用的布局方式有哪些？](https://github.com/haizlin/fe-interview/issues/32)
- [对比下px、em、rem有什么不同？](https://github.com/haizlin/fe-interview/issues/29)
- [简述下你理解的优雅降级和渐进增强](https://github.com/haizlin/fe-interview/issues/26)
- [清除浮动的方式有哪些及优缺点？](https://github.com/haizhilin2013/interview/issues/23)
- [简述你对BFC规范的理解](https://github.com/haizhilin2013/interview/issues/20)
- [用css创建一个三角形，并简述原理](https://github.com/haizhilin2013/interview/issues/17)
- [CSS3新增伪类有哪些并简要描述](https://github.com/haizhilin2013/interview/issues/14)
- [CSS选择器有哪些？哪些属性可以继承？](https://github.com/haizhilin2013/interview/issues/11)
- [在页面上隐藏元素的方法有哪些？](https://github.com/haizhilin2013/interview/issues/8)
- [CSS3有哪些新增的特性？](https://github.com/haizhilin2013/interview/issues/5)
- [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizhilin2013/interview/issues/2)