css.md

# css面试题
> 不定时更新

## 历史题目
> 最新：2029.07.09

- [使用css如何拉伸字体？](https://github.com/haizlin/fe-interview/issues/2617)
- [写出固定子容器在固定的父容器下水平垂直居中的布局](https://github.com/haizlin/fe-interview/issues/2613)
- [在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行](https://github.com/haizlin/fe-interview/issues/2609)
- [怎样把单位cm转换成px呢（在打印时有时会用到）？](https://github.com/haizlin/fe-interview/issues/2605)
- [flex与其他有什么不同，用它有什么好处？](https://github.com/haizlin/fe-interview/issues/2601)
- [pseudo-class与pseudo-element有什么区别？](https://github.com/haizlin/fe-interview/issues/2597)
- [行内元素可以设置padding和margin吗？](https://github.com/haizlin/fe-interview/issues/2591)
- [如果要你自己设计一个css框架，说说你的思路](https://github.com/haizlin/fe-interview/issues/2587)
- [使用css3画个旋转的立方体](https://github.com/haizlin/fe-interview/issues/2583)
- [translate3D有什么作用？](https://github.com/haizlin/fe-interview/issues/2579)
- [BFC与IFC有什么区别？](https://github.com/haizlin/fe-interview/issues/2575)
- [举例说明BFC会与float元素相互覆盖吗？为什么？](https://github.com/haizlin/fe-interview/issues/2571)
- [如何形成BFC？](https://github.com/haizlin/fe-interview/issues/2567)
- [为什么float会导致父元素塌陷？](https://github.com/haizlin/fe-interview/issues/2563)
- [什么是逐帧动画？](https://github.com/haizlin/fe-interview/issues/2559)
- [什么是关键帧动画？](https://github.com/haizlin/fe-interview/issues/2555)
- [实现一个下拉不到底的橡皮筋效果](https://github.com/haizlin/fe-interview/issues/2550)
- [如何取消页面中选中的文字？](https://github.com/haizlin/fe-interview/issues/2546)
- [为什么伪类的content不能被选中？](https://github.com/haizlin/fe-interview/issues/2542)
- [举例说说你对white-space属性的理解](https://github.com/haizlin/fe-interview/issues/2538)
- [::first-letter有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2534)
- [使用css画一个饼图的效果](https://github.com/haizlin/fe-interview/issues/2529)
- [使用css如何设置背景虚化？](https://github.com/haizlin/fe-interview/issues/2525)
- [举例说明background-repeat的新属性值：round和space的作用是什么？](https://github.com/haizlin/fe-interview/issues/2521)
- [举例说明with属性的fill-available有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2517)
- [width属性的min-content和max-content有什么作用？](https://github.com/haizlin/fe-interview/issues/2513)
- [你用过outline属性吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2509)
- [为什么说css的选择器一般不要超过三级？](https://github.com/haizlin/fe-interview/issues/2505)
- [使用纯CSS实现3D按钮效果](https://github.com/haizlin/fe-interview/issues/2500)
- [使用css实现太阳自转同时地球围着太阳公转的效果](https://github.com/haizlin/fe-interview/issues/2496)
- [你有用过animation-fill-mode属性吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2492)
- [当display:flex遇到white-space nowrap会对布局有什么样的影响？如何解决？](https://github.com/haizlin/fe-interview/issues/2487)
- [用css实现一个等腰三角形的小图标](https://github.com/haizlin/fe-interview/issues/2483)
- [使用css实现蒙版的效果](https://github.com/haizlin/fe-interview/issues/2479)
- [使用css实现手风琴的效果](https://github.com/haizlin/fe-interview/issues/2469)
- [父元素下有子元素，子元素也有高度但父元素的高度为何为0呢？分析下可能出现的原因及解决方法](https://github.com/haizlin/fe-interview/issues/2465)
- [假如css的分号写在声明块之外，将会发生什么呢？解释下原因[代码]](https://github.com/haizlin/fe-interview/issues/2461)
- [如何阻止:hover、:active等鼠标行为状态的触发？](https://github.com/haizlin/fe-interview/issues/2457)
- [在响应式布局中，如何使用纯css使得块元素等比缩放？](https://github.com/haizlin/fe-interview/issues/2453)
- [用css画一个平行四边形](https://github.com/haizlin/fe-interview/issues/2449)
- [H5如何禁止显示系统菜单？](https://github.com/haizlin/fe-interview/issues/2445)
- [如何让表格单元格等宽显示？](https://github.com/haizlin/fe-interview/issues/2441)
- [固定的外框尺寸，里面的图片尺寸不固定，如何让图像自适应外框呢？](https://github.com/haizlin/fe-interview/issues/2436)
- [不用换行的标签，怎么伪元素实现换行的效果？](https://github.com/haizlin/fe-interview/issues/2431)
- [给一个图片设置透明有哪些方式呢？](https://github.com/haizlin/fe-interview/issues/2424)
- [box-sizing的宽度包含了哪些？](https://github.com/haizlin/fe-interview/issues/2419)
- [判断如下边框的颜色，并解释为什么[代码]？](https://github.com/haizlin/fe-interview/issues/2415)
- [如何使用伪元素实现增大点击热区来增加用户体验？](https://github.com/haizlin/fe-interview/issues/2411)
- [怎么给手持设备添加特殊样式？](https://github.com/haizlin/fe-interview/issues/2407)
- [如何使用css显示a链接的url？](https://github.com/haizlin/fe-interview/issues/2403)
- [css中的url()要不要加引号？说说你的理解](https://github.com/haizlin/fe-interview/issues/2399)
- [使用css写一个垂直翻转图片的效果](https://github.com/haizlin/fe-interview/issues/2395)
- [请写出font属性的快捷写法](https://github.com/haizlin/fe-interview/issues/2391)
- [举例说明与打印有关的属性有哪些？](https://github.com/haizlin/fe-interview/issues/2387)
- [如何让背景图片固定不随滚动条滚动？](https://github.com/haizlin/fe-interview/issues/2383)
- [你用过css的tab-size属性吗？浏览器默认显示tab为几个空格？](https://github.com/haizlin/fe-interview/issues/2379)
- [clear属性只对块级元素有效么？为何无法应用于行内元素？](https://github.com/haizlin/fe-interview/issues/2373)
- [css的负边距有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/2369)
- [你了解CSS Houdini吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2364)
- [使用css画个镰刀形的月亮](https://github.com/haizlin/fe-interview/issues/2360)
- [使用css写一个红绿灯交替的动画效果](https://github.com/haizlin/fe-interview/issues/2352)
- [除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？](https://github.com/haizlin/fe-interview/issues/2348)
- [当拿到一个新的项目，让你对这个项目的css做下架构设计，你该如何下手？](https://github.com/haizlin/fe-interview/issues/2344)
- [表列举一些你认为最“昂贵”的css属性并解释为什么](https://github.com/haizlin/fe-interview/issues/2340)
- [为什么说css的选择器是从右向左匹配？](https://github.com/haizlin/fe-interview/issues/2336)
- [使用css实现霓虹灯效果](https://github.com/haizlin/fe-interview/issues/2332)
- [:placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看](https://github.com/haizlin/fe-interview/issues/2328)
- [使用css实现气泡框的效果](https://github.com/haizlin/fe-interview/issues/2324)
- [说说sroll-snap-type属性的运用场景有哪些？相关联的属性还有哪些？](https://github.com/haizlin/fe-interview/issues/2320)
- [使用css实现一个loading的效果](https://github.com/haizlin/fe-interview/issues/2316)
- [你有使用过css的混合模式mix-blend-mode和background-blend-mode吗？](https://github.com/haizlin/fe-interview/issues/2312)
- [使用负文本缩进text-indent: -9999px时有没有遇到过什么奇怪的问题呢？怎么解决？](https://github.com/haizlin/fe-interview/issues/2307)
- [你会经常用到伪元素吗？一般都用在哪方面？](https://github.com/haizlin/fe-interview/issues/2303)
- [用css画出一把刻度尺](https://github.com/haizlin/fe-interview/issues/2299)
- [说说position:sticky有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2295)
- [如何使用css给一个正方形添加一条对角斜线？](https://github.com/haizlin/fe-interview/issues/2291)
- [举例说明CSS特性检测的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2287)
- [你们团队中css的class命名采用的是什么方式呢？下划线还是横线还是驼峰？](https://github.com/haizlin/fe-interview/issues/2278)
- [使用纯css画出一个右侧滚动顶部进度条的效果](https://github.com/haizlin/fe-interview/issues/2271)
- [一个项目中有很多无用的css代码，怎么找到并清除这些无用的代码？](https://github.com/haizlin/fe-interview/issues/2267)
- [写出在不固定宽高的元素在固定高度的情况下水平垂直居中的方法](https://github.com/haizlin/fe-interview/issues/2263)
- [使用css画一根燃烧中的蜡烛](https://github.com/haizlin/fe-interview/issues/2259)
- [使用css画个鸡蛋](https://github.com/haizlin/fe-interview/issues/2255)
- [CSS content属性特殊字符有哪些？](https://github.com/haizlin/fe-interview/issues/2251)
- [用css画出一个圆圈，里面有个叉号（不能用英文字母x）](https://github.com/haizlin/fe-interview/issues/2247)
- [用css画出一个圆圈，里面有个对号](https://github.com/haizlin/fe-interview/issues/2245)
- [用css画出两个大圆相交，可以在各自圆及相交部分输入文字](https://github.com/haizlin/fe-interview/issues/2237)
- [用css画出中间一个大圆，四周有12个小圆环绕并和大圆是同心](https://github.com/haizlin/fe-interview/issues/2233)
- [如何解决html设置height：100%无效的问题？](https://github.com/haizlin/fe-interview/issues/2222)
- [css的height:100%和height:inherit有什么区别？](https://github.com/haizlin/fe-interview/issues/2218)
- [css如何让height:100%起作用？](https://github.com/haizlin/fe-interview/issues/2214)
- [用css3实现伪3D的文字效果](https://github.com/haizlin/fe-interview/issues/2209)
- [用css3实现文字发光的效果](https://github.com/haizlin/fe-interview/issues/2205)
- [你有使用过css的属性background-blend-mode吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2199)
- [如何使用css实现鼠标跟随？](https://github.com/haizlin/fe-interview/issues/2195)
- [能不能使用纯css使你的浏览器卡死？怎么实现？](https://github.com/haizlin/fe-interview/issues/2191)
- [为什么说对opacity进行动画要比box-shadow进行动画性能更好呢？](https://github.com/haizlin/fe-interview/issues/2187)
- [请问class与[class=xxx]的区别是什么？两者是否等价？](https://github.com/haizlin/fe-interview/issues/2183)
- [请使用纯css实现波浪效果](https://github.com/haizlin/fe-interview/issues/2179)
- [有哪些标签是不支持伪元素的？](https://github.com/haizlin/fe-interview/issues/2173)
- [如何重写行内样式？方法有哪些（至少两种）？](https://github.com/haizlin/fe-interview/issues/2164)
- [用css3画出一个立体魔方](https://github.com/haizlin/fe-interview/issues/2160)
- [举例说明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)
- [flex布局的缺点有哪些？（除兼容性外）](https://github.com/haizlin/fe-interview/issues/1950)
- [OOCSS有哪些好处？对应的库有哪些？](https://github.com/haizlin/fe-interview/issues/1946)
- [你知道什么是面向对象的css（oocss）吗？有没有实践过？](https://github.com/haizlin/fe-interview/issues/1942)
- [如何解决IE6浮动时产生双倍边距的BUG？](https://github.com/haizlin/fe-interview/issues/1933)
- [如何让IE6支持min-width和max-width？](https://github.com/haizlin/fe-interview/issues/1929)
- [什么是hack？css的hack有哪些？](https://github.com/haizlin/fe-interview/issues/1925)
- [padding会影响到元素的大小，那不想让它影响到元素的宽度应该怎么办？](https://github.com/haizlin/fe-interview/issues/1920)
- [说说你对相对定位、绝对定位、固定定位的理解](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)
- [解释下什么是PPI和DP？](https://github.com/haizlin/fe-interview/issues/1678)
- [头部设置meta也可以做到自适应为啥还要用rem？](https://github.com/haizlin/fe-interview/issues/1674)
- [在rem下如何实现1像素？](https://github.com/haizlin/fe-interview/issues/1670)
- [rem是如何实现自适应布局的？](https://github.com/haizlin/fe-interview/issues/1666)
- [使用rem的优缺点是什么？和使用百分比有什么区别？](https://github.com/haizlin/fe-interview/issues/1662)
- [当页面采用rem布局时，如何解决用户设置字体大小造成的页面布局错位？](https://github.com/haizlin/fe-interview/issues/1658)
- [使用rem时应该注意什么？](https://github.com/haizlin/fe-interview/issues/1654)
- [使用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)
- [用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/212)
- [怎么使用自定义字体？有什么注意事项？](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/199)
- [如何实现换肤功能？](https://github.com/haizlin/fe-interview/issues/193)
- [列举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/haizlin/fe-interview/issues/23)
- [简述你对BFC规范的理解](https://github.com/haizlin/fe-interview/issues/20)
- [用css创建一个三角形，并简述原理](https://github.com/haizlin/fe-interview/issues/17)
- [CSS3新增伪类有哪些并简要描述](https://github.com/haizlin/fe-interview/issues/14)
- [CSS选择器有哪些？哪些属性可以继承？](https://github.com/haizlin/fe-interview/issues/11)
- [在页面上隐藏元素的方法有哪些？](https://github.com/haizlin/fe-interview/issues/8)
- [CSS3有哪些新增的特性？](https://github.com/haizlin/fe-interview/issues/5)
- [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)