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;
}