面试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-width:1px;

border-style:solid;

border-color:#000;

}

简化：{

margin:0;

padding:10px 0px

border:1px solid #000;

}