- 21.display:inline-block 什么时候会显示间隙
- 22.你最喜欢的图片替换方法是什么，你如何选择使用。
- 23.有哪些的隐藏内容的方法
- 24.你用过栅格系统吗，如果使用过，你最喜欢哪种
- 25.你用过媒体查询，或针对移动端的布局CSS吗
- 26.你熟悉SVG样式的书写吗
- 27.如何优化网页的打印样式
- 28.在书写高效CSS时会有哪些问题需要考虑
- 29.使用CSS预处理器的优缺点有哪些
- 30.如果设计中使用了非标准的字体，你该如何去实现
21.display:inline-block 什么时候会显示间隙
移除空格、使用margin负值、使用font-size:0、letter-spacing、word-spacing 这是一道携程的笔试题目。
22.你最喜欢的图片替换方法是什么，你如何选择使用。
<h2><span>图片丢这里</span>Hello World </h2>
把span背景设成文字内容，这样又可以保证seo，也有图片的效果在上面。或者直接使用icon图标。
23.有哪些的隐藏内容的方法
如果同时还要保证屏幕阅读器可用呢
- 最常用的是display：none；
- 然后是visibility：hidden；
- overflow：hidden；
- text-indent：大值；
- 不可用disable；
- 表单隐藏hidden；
- 还有一个是使用定位技术position：absolute或者relative；再通过left，top值来定位元素。
24.你用过栅格系统吗，如果使用过，你最喜欢哪种
栅格系统包括：传统的固定布局（目前很多PC端仍然是采用固定布局），960px的来源，固定宽度的栅格系统比如（960gs），流式栅格系统，响应式栅格系统。
其中响应式栅格系统是在之前的栅格系统上添加了CSS3的媒体查询功能。能让CSS应对不同的终端设备。栅格系统的实现原理是将容器的总宽度进行等值的划分，根据元素所占的比例来划分容器的宽度，从而简化了布局，最大的作用在于实现响应式布局。栅格系统更加适合构建那些复杂的、需要保持一致性的页面，一些简单的，或者一些灵活性非常大的页面布局更加适合传统的固定布局，直接使用像素进行精确定义。
25.你用过媒体查询，或针对移动端的布局CSS吗
媒体查询规则是开发者能够在相同的样式中，针对不同的媒介来使用不同的样式规则。在CSS2的时候有media Type的规则，通过不同的媒介来切换不同的CSS样式。通过媒体查询的技术可以实现响应式布局，适应不同终端的开发。媒体查询的具体知识请见 CSS3新属性应用文档。
26.你熟悉SVG样式的书写吗
27.如何优化网页的打印样式
28.在书写高效CSS时会有哪些问题需要考虑
29.使用CSS预处理器的优缺点有哪些
SASS，Compass，Stylus，LESS)描述下你曾经使用过的 CSS 预处理的优缺点。
30.如果设计中使用了非标准的字体，你该如何去实现
在使用文字的同时，在上面覆盖一层图片，文字用作备用，在图片加载效果不好时，至少可以让用户知道产品要表达的意思。当然也可以寻求网络字体来实现。这部分参考CSS3的中的网络字体部分。