2021金3银4面试

163 阅读1分钟

CSS3和html5

1.div如何左右垂直居中。说说你经常用到的
第一种:
display:flex; 
align-items: center;
justify-content:center;

第二种:  
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);

2.H5有什么新特性

www.w3cschool.cn/article/405…

3.CSS3有什么新特性
1. CSS3实现圆角(border-radius),阴影(box-shadow),边框图片border-image

2. 对文字加特效(text-shadow、),强制文本换行(word-wrap),线性渐变(linear-gradient)

3.旋转,缩放,定位,倾斜:transform:rotate(90deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);

4. 增加了更多的CSS选择器、多背景、rgba();

5.CSS3中唯一引入的伪元素是 ::selection ;

6. 媒体查询(@media),多栏布局(flex) 
4.说说你对rem , em ,vh , vw ,px的理解
5.如何去除浮动

blog.csdn.net/qq_44901374…

6.盒子模型有多少种,有什么区别。

blog.csdn.net/sayoko06/ar…

7.行内元素如何给高度

www.cnblogs.com/kunmomo/p/1…

8.隐藏元素有多少种办法,有何区别?

visibility 设置 hidden 会隐藏元素,但是其位置还存在与页面文档流中,不会被删除,所以会触发浏览器渲染引擎的重绘

display 设置了 none 属性会隐藏元素,且其位置也不会被保留下来,所以会触发浏览器渲染引擎的回流和重绘。

opacity 会将元素设置为透明,但是其位置也在页面文档流中,不会被删除,所以会触发浏览器渲染引擎的重绘

9.position属性有哪些,都有啥特点?

relative:相对定位,

fixed:固定定位,

absolute:绝对定位,

sticky:静态,

10.margin重叠和塌陷

blog.csdn.net/leon9dragon…

11. 怎么让Chrome支持小于12px 的文字?
p{
    font-size:10px;
    -webkit-transform:scale(0.8);//0.8是缩放比例
}