面试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;

}

原文地址:https://www.cnblogs.com/limit1/p/4013838.html