网站前端面试题

《网站前端面试题》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1.行内元素有哪些？块级元素有哪些？空(void)元素有那些？（1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。（2）行内元素有：abspanimginputselectstrong（强调的语气）块级元素有：divulollidldtddh1h2h3h4…p2.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新

2、增伪类有那些？*1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul

3、入样式以最后载入的定位为准;优先级为:!important>id>class>tagimportant比内联优先级高CSS3新增伪类举例：p:first-of-type选择属于其父元素的首个

元素的每个

元素。p:last-of-type选择属于其父元素的最后

元素的每个

元素。p:only-of-type选择属于其父元素唯一的

元素的每个

元素。p:only-child选择属于其父元素的唯一子元素的每个

元素。p:nth-child(2)选择属于其父元素的第二个子元素的每个

元素。:en

4、abled、:disabled控制表单控件的禁用状态。:checked，单选框或复选框被选中。3.如何居中div,如何居中一个浮动元素?举例说明。•给div设置一个宽度，然后添加margin:0auto属性•div{•width:200px;•margin:0auto;•}•居中一个浮动元素•确定容器的宽高宽500高300的层•设置层的外边距••.div{•Width:500px;height:300px;//高度可以不设•Margin:-150px00-250px;•position:relative;相对定位•bac

5、kground-color:pink;//方便看效果•left:50%;•top:50%;•}4.列出display的值，说明他们的作用。position的值，relative和absolute定位原点是？1.block象块类型元素一样显示。none缺省值。向行内元素类型一样显示。inline-block象行内元素一样显示，但其内容象块类型元素一样显示。list-item象块类型元素一样显示，并添加样式列表标记。2.*absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。*fixed（老I

6、E不支持）生成绝对定位的元素，相对于浏览器窗口进行定位。*relative生成相对定位的元素，相对于其正常位置进行定位。*static默认值。没有定位，元素出现在正常的流中*（忽略top,bottom,left,rightz-index声明）。*inherit规定从父元素继承position属性的值。5.Ajax的最大的特点是什么。Ajax可以实现动态不刷新（局部刷新）•readyState属性状态有5个可取值：0=未初始化，1=正在加载2=以加载，3=交互中，4=完成•ajax的缺点•1、ajax不支持浏览器back按

7、钮。•2、安全问题AJAX暴露了与服务器交互的细节。•3、对搜索引擎的支持比较弱。•4、破坏了程序的异常机制。•5、不容易调试。•跨域：jsonp、iframe、window.name、window.postMessage、服务器上设置代理页面6.Jquery与jQueryUI有啥区别？*jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。*jQueryUI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等7.如果背景是

8、黑色，那么字体用什么颜色能突出字体，且不显得刺眼？为什么？8.在红色中加入少量的黑色，你觉得应该是种什么感觉？9.URL指的是什么?有何作用?分为几种?有什么区别?URL是统一资源定位符，用于定位Web上的文件信息。URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文