zoukankan      html  css  js  c++  java
  • 前端面试题(06)

    本篇LIST

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

    在这里插入图片描述

    // 方法一:已知元素的高宽 
    #div1{ 
    	background-color:#6699FF; 
    	200px; 
    	height:200px; 
    	position: absolute; //父元素需要相对定位 
    	top: 50%; 
    	left: 50%; 
    	margin-top:-100px ; //二分之一的 height,width 
    	margin-left: -100px; } 
    //方法二:未知元素的高宽 #div1{
    	 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.
    在这里插入图片描述
    在这里插入图片描述


        感谢您花时间阅读此篇文章,如果您觉得看了这篇文章之后心情还比较高兴,可以打赏一下,请博主喝上一杯咖啡,让博主继续码字……
        本文版权归作者和博客园共有,来源网址:https://blog.csdn.net/weixin_46498102 欢迎各位转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接
  • 相关阅读:
    Future接口和Callable接口以及FeatureTask详解
    puppet的使用:ERB模板介绍
    puppet的使用:依赖关系整理
    数字证书常见格式整理
    c3p0配置文件
    dockerfile简述
    Grape简介
    keytool和openssl生成的证书转换
    Grape教程-params
    耿丹CS16-2班助教总结
  • 原文地址:https://www.cnblogs.com/jackson1/p/13644350.html
Copyright © 2011-2022 走看看