码迷,mamicode.com
首页 > 其他好文 > 详细

前端面试-汇总

时间:2019-10-21 18:57:38      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:splay   正方形   spl   列表   att   三角形   ems   链接   port   

一,css部分,大致可以问的几处地方

  • 盒模型

  1. 组成 content+ border + padding + margin
  2. 标准盒模型(用box-sizing:content-box;),IE模型(box-size: border-box)
  • 垂直居中方法(方法太多了,随便举几个)

   1.display: flex;

   2. position:absolute;

   3, transform

  • 三栏布局 (放几个常见的)

  1. float
  2. flex
  3. position
  • 选择器权重计算方式

  1. id > class > 标签选择器
  2. 行内样式  >  内联 > 外部链接
  3. important 优先级最高
  • 清除浮动的方法

  1. 外层div上加 overflow:hidden
  2. 外层div 上加:after 伪类   

    .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
    }
    .clearfix{ *zoom: 1; }

  3. 使用before和after双伪元素清除浮动 display: table, content: ‘ ‘, clear: both
  4. 末尾加div clear:both
  1. 我常用于, 列表布局如 一行有多个内容,均等排列
    display:flex;
    justify-content: space-around;
    align-items: center;
  2. 内容超出了,是换行还是压缩 flex-wrap: wrap/ nowrap;
  • 什么是BFC、可以解决哪些问题

  1. black Fromattiong Context 翻译就是块级格式化上下文,
  2. 主要解决外边距 塌陷问题,浮动问题,图片间隙问题
  • position属性

  • 如何实现一个自适应的正方形

  • 如何用css实现一个三角形

  

前端面试-汇总

标签:splay   正方形   spl   列表   att   三角形   ems   链接   port   

原文地址:https://www.cnblogs.com/937522zy/p/11715232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!