FilesExpand file tree

 develop

/

css.md

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

251 lines (248 loc) · 27 KB

 develop

/

css.md

Copy path

Top

File metadata and controls

• Code
• Blame

251 lines (248 loc) · 27 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

# css面试题

> 一周汇总一次

## 历史题目

> 最新：2019.12.08

- [移动端页面不满一屏时如何实现满屏背景？](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)