网站前端面试题.docxVIP

1.行内元素有哪些？块级元素有哪些？空(void)元素有那些？（1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。（2）行内元素有：a b span img input select strong（强调的语气）块级元素有：div ulolli dl dtdd h1 h2 h3 h4…p2.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？ * 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = external]） 9.伪类选择器（a: hover, li: nth - child）* 可继承： font-size font-family color, UL LI DL DD DT;* 不可继承：border padding margin width height ;* 优先级就近原则，样式定义最近者为准; * 载入样式以最后载入的定位为准;优先级为: !important id class tag important 比内联优先级高CSS3新增伪类举例： p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素。 p:last-of-type 选择属于其父元素的最后 p 元素的每个 p 元素。 p:only-of-type 选择属于其父元素唯一的 p 元素的每个 p 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 p 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 p 元素。 :enabled、:disabled 控制表单控件的禁用状态。:checked，单选框或复选框被选中。3. 如何居中div,如何居中一个浮动元素?举例说明。?给div设置一个宽度，然后添加margin:0 auto属性? div{? width:200px;? margin:0 auto;? } ?居中一个浮动元素?确定容器的宽高宽500 高 300 的层?设置层的外边距?? .div { ? Width:500px ; height:300px;//高度可以不设? Margin: -150px 0 0 -250px;?position:relative;相对定位? background-color:pink;//方便看效果? left:50%;? top:50%;? }4. 列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？1. block 象块类型元素一样显示。 none 缺省值。向行内元素类型一样显示。 inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示，并添加样式列表标记。 2. *absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 *fixed （老IE不支持）生成绝对定位的元素，相对于浏览器窗口进行定位。 *relative 生成相对定位的元素，相对于其正常位置进行定位。 * static 默认值。没有定位，元素出现在正常的流中 *（忽略 top, bottom, left, right z-index 声明）。 * inherit 规定从父元素继承 position 属性的值。5.Ajax的最大的特点是什么。Ajax可以实现动态不刷新（局部刷新）?readyState属性状态有5个可取值： 0=未初始化，1=正在加载 2=以加载，3=交互中，4=完成?ajax的缺点? 1、ajax不支持浏览器back按钮。?2、安全问题 AJAX暴露了与服务器交互的细节。? 3、对搜索引擎的支持比较弱。?4、破坏了程序的异常机制。?5、不容易调试。?跨域：jsonp、iframe、、window.postMessage、服务器上设置代理页面6.