前端面试题(06)

本篇LIST

如何垂直居中一个浮动元素?
px 和 em 的区别。
描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗?你 了解他们的不同之处?
Sass、LESS 是什么?大家为什么要使用他们?
display:none 与 visibility:hidden 的区别是什么?

在这里插入图片描述

// 方法一:已知元素的高宽 
#div1{ 
	background-color:#6699FF; 
	width:200px; 
	height:200px; 
	position: absolute; //父元素需要相对定位 
	top: 50%; 
	left: 50%; 
	margin-top:-100px ; //二分之一的 height,width 
	margin-left: -100px; } 
//方法二:未知元素的高宽 #div1{
	width: 200px; 
	height: 200px; 
	background-color: #6699FF; 
	margin:auto; 
	position: absolute; //父元素需要相对定位 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; }

那么问题来了,如何垂直居中一个?(用更简便的方法。)

#container //<img>的容器设置如下 
{ 
	display:table-cell; 
	text-align:center; 
	vertical-align:middle; 
}

在这里插入图片描述
在这里插入图片描述
3.
在这里插入图片描述
在这里插入图片描述
4.
在这里插入图片描述
在这里插入图片描述
5.
在这里插入图片描述
在这里插入图片描述

posted @ 2020-09-10 10:37  jacksonni  阅读(162)  评论(0编辑  收藏  举报