阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      说说盒子模型

      很简单,但是能说好比较难度的,可以扩展,回答越深,越广,加分越多

      内容+padding+border+margin这个说一遍,然后话风一转,说如果在移动端,这个盒子模型就不是很适合做开发了,最好用box-sizing: border-box;属性改变一下盒子模型;

      写了这个属性之后宽度会包括border,因为移动端主要是用百分比,不可能通过像素精确控制,如果让两个屏幕50%的div并排,而且这两个div还有border和padding,原来的盒子模型就做不到,必用用这个css属性改变一下才可以的,但是还有一个问题;

      用inline-block让两个div并排后,中间会一个空白字符,还要把换行代码写在一行,或者用font-size:0;来解决

      两种盒子模型

      css3中定义了box-sizing属性;在移动端的应用;

      • padding和margin的简写写法
      • margin的两种居中DIV方法;(margin:0 auto;和负margin的写法)
      • margin的兼容性问题,IE6img下面有空白;
      • border的CSS3新增属性;
      • border写三角形的用法;

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录