前端面试题(六)

考点1:css计算单位

问题:说说你了解的css单位

答:rem和em,不同的是rem是根据根元素(<html>)进行换算的,em是根据父元素进行换算的;vw和vh,俩者是根据浏览器窗口大小有关的单位,vw是动态的,会根据浏览器窗口大小变化动态的设置宽和高,vh是以浏览器窗口为对象(百分比1%,假如窗口是1000px,则1vh=10px)

考点2:技巧题

问题:如何用纯css创建一个三角形

答:利用border属性,给定一个宽度和高度都为 0 的元素,其 border 的任何值都会直接相交,我们可以利用这个交点来创建三角形。在隐藏其余边框就得到一个三角形

问题:怎样让谷歌支持小于12px的字体

答:Zoom,字面意思是“变焦”,可以改变页面上元素的尺寸,属于真实尺寸,例:zoom:50%,表示缩小到原来的一半;zoom:0.5,表示缩小到原来的一半

问题:css如何去除inline—block元素之间的间距

答:display:inline-block(同一行的块级元素):(1)去掉html元素之间的空格,直接写在一行;(2)使用margin负值,通常可设置为margin:-4px;(3)使用font-size:0。父元素设置为font-size:0,再把inline-block元素重新设置font-size;(4)使用float,不用inline-block。

问题:css如何实现单文本或者多文本溢出的省略号

答:(1)单行溢出,超出部分显示...或者截取。前提必须有宽度。CSS:{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;},截取为clip;(2)多行溢出{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

问题:如何使用css是页面的字体变细或者变清晰

答:css让字体变细,变粗等的方法:可以利用font-weight属性来实现:normal 默认值。定义标准的字符;bold 定义粗体字符;bolder 定义更粗的字符;lighter 定义更细的字符。

问题:说说怎样才能在谷歌记住密码后改变表单的颜色

答:chrome表单自动填充后,input文本框的背景会变成黄色的,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予一下样式:{
background-color:rgb(250,255,189)!important;
background-image:none!important;
color:rgb(0,0,0)!important;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值