前端css面试题

- 怎么写0.5px的border？

box-shadow: 0 0 0 0.5px black;

- 怎么清除浮动？

 .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .clearfix{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }

- display:none和visibility:hidden两者的区别?

都是隐藏元素，display:none的隐藏，不占用空间位置，visibility:hidden隐藏占用空间。

- CSS动画实现的三种方式

1、transition：实现渐变动画
2、transform：实现缩放、平移等效果
3、animation：实现自定义动画

• 【原文】https://blog.csdn.net/qq_43539854/article/details/124794787