CSS3和html5
1.div如何左右垂直居中。说说你经常用到的
第一种:
display:flex;
align-items: center;
justify-content:center;
第二种:
position: absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
2.H5有什么新特性
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.如何去除浮动
6.盒子模型有多少种,有什么区别。
7.行内元素如何给高度
8.隐藏元素有多少种办法,有何区别?
visibility 设置 hidden 会隐藏元素,但是其位置还存在与页面文档流中,不会被删除,所以会触发浏览器渲染引擎的重绘
display 设置了 none 属性会隐藏元素,且其位置也不会被保留下来,所以会触发浏览器渲染引擎的回流和重绘。
opacity 会将元素设置为透明,但是其位置也在页面文档流中,不会被删除,所以会触发浏览器渲染引擎的重绘
9.position属性有哪些,都有啥特点?
relative:相对定位,
fixed:固定定位,
absolute:绝对定位,
sticky:静态,
10.margin重叠和塌陷
11. 怎么让Chrome支持小于12px 的文字?
p{
font-size:10px;
-webkit-transform:scale(0.8);//0.8是缩放比例
}