BAT及各大互联网公司2014前端笔试面试题(Html,Css篇)

2020-05-16 06:59:26易采站长站整理

16.知道css有个content属性吗?有什么作用?有什么应用?

  答案:
  知道。css的content属性专门应用在 before/after 伪元素上,用于来插入生成内容。

  最常见的应用是利用伪类清除浮动。

CSS Code复制内容到剪贴板

//一种常见利用伪类清除浮动的代码   
 .clearfix:after {   
    content:".";       //这里利用到了content属性   
    display:block;    
    height:0;   
    visibility:hidden;    
    clear:both; }   
  
.clearfix {    
    *zoom:1;    
}  

after伪元素通过 content 在元素的后面生成了内容为一个点的块级元素,再利用clear:both清除浮动。

  那么问题继续还有,知道css计数器(序列数字字符自动递增)吗?如何通过css content属性实现css计数器?

  答案:css计数器是通过设置counter-reset 、counter-increment 两个属性 、及 counter()/counters()一个方法配合after / before 伪类实现。

  具体实现方案:请戳张鑫旭大大的博文CSS计数器(序列数字字符自动递增)详解 。  

  觉得题目还ok的亲点个推荐哦,题量会不断增加。

  你可能会感兴趣:BAT及各大互联网公司2014前端笔试面试题–JavaScript篇。

  暂且贴出我做出答案的部分。有时间把未做出答案也贴出来。针对文中各题,如有更好的解决方法或者错误之处,各位亲务必告知我,误人子弟实乃罪过。