考点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;
}