CSS(全面系统讲解 工作应用--慕课)整理 三(面试问题)

1、如何用一个div画xxx

      box-shadow无限投影

      ::before

       ::after

2、如何产生不占空间的边框(精细排版)

      1、box-shadow

      2、outline  (可以做类似边框)

3、如何实现圆心元素(头像)

       1、border-radius:50%

4、如何实现ios图标的圆角  

         clip-path:(svg)

5、如何实现半圆、扇形等图形

         border-radius组合

        有无边框

        边框粗细

        圆角半径

6、如何实现背景图的居中显示/不重复/改变大小

      background-position,

      background-repeat,

      background-size(cover/contain)

7、如何平移/放大一个元素

      transform:translateX(100px)

      transform:scale(2)

CSS(全面系统讲解 工作应用--慕课)整理 三(面试问题)_第1张图片

      

 

 

你可能感兴趣的:(html,css,javascript,前端)