• 面试2


    1.前端页面有那3层构成,分别是什么?作用是什么?

    前端页面有html css js三部分构成 HTML是结构,CSS是样式,JS是行为

    2.行内元素有哪些?块级元素有哪些?CSS和模型?

    行内元素就是不换行的元素,有img span input ...

    块级元素就是换行的元素,有div p h1-h6....

    CSS的盒模型有width,height,border,content,margin ,padding

    width,height是盒子的宽度和高度,而这IE和FF对于这两个属性的解释不相同,在IE中它的宽度是包含外边框的,而FF不包含border 只是content的属性

    border是代表对象的边框,有四个值top,left,bottom,right

    margin是代表元素和元素之间的间距

    padding是代表元素和容器的间距

    margin和padding也有四个值,top,bottom,left,right

    3.清楚浮动的方法

    请出浮动最简单的方法就是使用clear属性,然后就是让父元素也飘起来,这样的话,给人一种错觉,就不会出现浮动的情况了,还有一种方法就是用overfloat:auto/hidden,但是这种发发在IE6中不能使用,无法达到清楚浮动的效果,然而必须要清楚的话,要给的设置一个宽度,即width:100%

    4.元素定位的方法有几种

    在网页开发中元素定位最常见的有4中,相比poastion:absolut和postion:relative,前者绝对地位,后者是相对地位,绝对地位就是脱离了文档流使得元素漂起来,它定位的标准是网页的左上角,如果靠在对象最近有相对定位,则以相对定位为基准点。

    relative是相对定位,它本身不会脱离文档流,因此它的移动是已它原有的基准为标准坐标,并且原来的位置是固定不变的,想要替换其中的空白,必须要绝对定位。

    静态地位是网页中最常见的Static 它本身是以文档流的形式,从上到下,从左到右。

    固定地位(fixed)它的定位就是网页窗口的摸一个位置,即使窗口内容的滚动,它的位置也不变,在实用中,最常见的是锚。

    5.如何居中一个300px*300px的div?

    水平垂直居中的方法就是先然这个div相右移动50%,向下移动50%,然后上部和下部减去一半,因为div的移动是一对象的左上角为基准的。

    left:50%;top:50%;margin-left:-150px;margin-right:-150px;

    6.请简化下面的CSS代码

    {

    margin:0;

    padding:10px 0px 10px 0px;

    border-1px;

    border-style:solid;

    border-color:#000;

    }

    简化:{

    margin:0;

    padding:10px 0px

    border:1px solid #000;

    }

  • 相关阅读:
    面板评分太低会算两次
    没有使用大漩涡传送门没有杀死大法师瓦格斯
    win10创建本地用户
    延迟着色
    GPU 优化总结
    UE4 减少APK包的大小
    UE4 性能优化方法(工具篇)
    Unreal Engine 4的常见Tips
    虚幻引擎4设置Visual Studio
    模型导入的单位问题
  • 原文地址:https://www.cnblogs.com/limit1/p/4013838.html
Copyright © 2020-2023  润新知