CSS 面试题

1、BFC  什么是BFC？看这一篇就够了_Leon的博客-CSDN博客_bfc

2、flex:1代表什么  flex:1 到底代表什么?

3、css属性区别 css属性区别_木头没有瓜的博客-CSDN博客

4、css3特性   CSS3新特性有哪些？ - html中文网

5、画三角形  纯 CSS 实现绘制各种三角形（各种角度） - saucxs - 博客园

6、CSS移除两个inline-block间的间隙 CSS 去掉inline-block间隙的几种方法

7、【CSS实现正方形】CSS实现自适应正方形、等宽高比矩形 【CSS实现正方形】

8、做一个宽高为父元素宽度一半的正方形  做一个宽高为父元素宽度一半的正方形

9、什么是重绘和回流？ 什么是重绘和回流？_龘-CSDN博客_重绘和回流

10、浮动布局的优缺点，清除浮动有哪些方式？  浮动布局的优缺点，清除浮动有哪些方式？

11、CSS基础布局面试题之如何实现品字布局  如何实现品字布局 

12、移动端1px解决方案   解决移动端 1px 问题-5种方法 - 简书

13、less与sass的区别  less与sass的区别_水香木鱼-CSDN博客_less sass

14、伪元素和伪类的区别总结  css中的单冒号和双冒号

15、圣杯布局  css经典布局——圣杯布局_越努力，越幸运！-CSDN博客_圣杯布局

16、src与href的区别?

• href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，
• src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和frame等元素。

17、 渐进增强和优雅降级  渐进增强 VS 优雅降级 - 简书 

18、画一条0.5px的直线？

height: 1px;
transform: scale(0.5);  // 考查的是css3的transform

19、说一下<label>标签的用法    答：label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验 

20、box-sizing属性   box-sizing有哪些属性 - 简书

21、两边宽度固定，中间宽度自适应   两边宽度固定，中间宽度自适应的几种布局方法

22、实现瀑布流式布局的几种方法  实现瀑布流式布局的几种方法 - 愿随风浪迹天涯 - 博客园

23、css的display属性有哪些  css的display属性有哪些-css教程-PHP中文网

24、flex布局  什么是flex布局_@随性的博客-CSDN博客_flex布局

25、display:inline-block带来的问题及解决办法 display:inline-block带来的问题及解决办法

26、CSS动画animation  深入理解CSS动画animation - 小火柴的蓝色理想 - 博客园

27、css有哪些属性可以继承？ CSS中哪些属性可继承？

28、css不可继承属性有哪些？  css不可继承属性有哪些？ - html中文网

29、CSS实现圆形进度条 web前端入门到实战：CSS实现圆形进度条 - 简书

30、CSS实现关闭按钮 CSS 关闭按钮实现

31、css优化   CSS性能优化的8个技巧 - heroljy - 博客园