前端面试 CSS篇

758 阅读1分钟

CSS在面试中问到的比较少,一般都是CSS3的一些新特性,和CSS预编译语言的一些比较常规的用法。


画一条0.5px的线

考察的是CSS3的新特性。

  • 方法一:CSS3 渐变(Gradients) 把元素的伪类高度设为1px,背景渐变,一半有颜色,一半透明。

  • 方法二:利用缩放 transform:scale()

画一个三角形

  • 方法一:利用 CSS3 transfrom 旋转 45 度实现三角形

  • 方法二:利用 CSS3 transparent

<div class="kailong"></div>

.kailong{
	width:0;
        height:0;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid green;

  • 方法三: svg

元素水平垂直居中的方法