forked from haizlin/fe-interview
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathcss.md
137 lines (135 loc) · 14.9 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
# css面试题
> 一周汇总一次
## 历史题目
> 最新：2019.08.25
- [举例说明实现圆角的方式有哪些？](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)