github上比较有名的一个前端面试题,随便做做(6)

  • 描述css reset的作用和用途。

  • html, body, div, span, applet, object, iframe, 
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
    a, abbr, acronym, address, big, cite, code, 
    del, dfn, em, font, img, ins, kbd, q, s, samp, 
    small, strike, strong, sub, sup, tt, var, 
    b, u, i, center, dl, dt, dd, ol, ul, li, 
    fieldset, form, label, legend, 
    table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent; 
    }
  • 重置所有因浏览器造成的css差异。
  • 描述下浮动和它的工作原理。

  • 浮动会脱离本身的排列方式,根据自己的值去靠着容器边缘或者是另一个浮动元素。
  • 清除浮动的方法有那些,分别适用于什么情形。

        • clear:both  overflow:auto  zoom:1呃。还真不熟,我不是一个好前端 。~~~
  • 解释css sprites,如何使用。

  • 把图片合成一起然后用css取图片位置。
  • 你最喜欢的图片替换方法是什么,你如何选择使用。

  • <h2>     <span 图片丢这里></span>Hello World </h2> 把span背景设成文字内容,这样又可以保证seo,也有图片的效果在上面。
  • 讨论CSS hacks,条件引用或者其他。

  • http://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240.html 引用一个经典的文章,注意css hack 的顺序一定不能改变。
  • 如何为有功能限制的浏览器提供网页。

    • 你会使用那些技术和处理方法。
    • 尽量用css、html 。。还真不知道。
  • 如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用。

  • 你使用过网格系统吗?如果使用过,你最喜欢哪种?

  • 你使用过meidia queries(媒体查询)吗,或者移动网站相关的CSS布局。

  • 你熟悉SVG样式的书写吗?

  • 如何优化网页的打印样式。

  • 在书写高效CSS文件时会有哪些问题需要考虑。

  • 尽量合并。
  • 你使用CSS预处理器吗?(SASS,Compass,Stylus,LESS)

    • 如果使用,描述你的喜好。
  • 你是否接触过使用非标准字体的设计?

    • 字体服务,Google Webfonts, Typekit,等等。
  • 请解释浏览器是如何根据CSS选择器选择对应元素的。

  • #、. 和 p a body ......这个呃。。
原文地址:https://www.cnblogs.com/bugluo/p/2801996.html