前端面试题目笔记-5

41.input标签存在的兼容问题？
        答: 当input标签在type为text时，在Firefox和Safari中的默认⾼度为22像素（包括上下边框）宽度为146像素（包括左右边框），而在IE中的默认高度为24像素，而宽度却和Firefox和Safari是一致的，也是146像素。

              当 input标签在type为submit时，在Firefox中的高度为23像素（包括阴影），宽度为75像素。在Safari中高度为21像素，宽度为73像素，在IE中高度为为25像素、宽度为73像素。  

 

42.input中disabled与readonly有何区别？
       答: Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别。

              Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

              表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submit button却是可以使用的)。  

 

43.input属性有哪些？

button 定义可点击按钮(多数情况下,用于通过JS启动脚本)

checkbox 定义复习框

file  定义输入字段和"浏览"按钮,供文件上传

hidden 定义隐藏的输入字段

image 定义图像形式的提交按钮

password 定义密码字段 ,该字段中的字符被掩码

radio 定义单选按钮

reset 定义重置按钮, 重置按钮会清除表单中的所有数据

submit 定义提交按钮, 提交按钮会把表单数据发送到服务器

text 定义单行的输入字段,用户可在其中输入文本.默认宽度为20个字符

 

44.position属性值，如只写了absolute，是相对谁定的位？

        答:离它最近的已经定位的父元素。 

 

45.CSS选择器中div.ps是什么意思
        答: 类名是ps的div。

 

46.使用display:inline-block在IE6中不能正常显示，如何解决？

          答: 方法1： 直接让块元素设置为内联对象呈递（设置属性 display:inline），然后触发块元素的 layout（如：zoom:1 等）。兼容各浏览器的代码如下： div {display:inline-block;*display:inline; *zoom:1;...}

                 方法2： 先使用 display:inline-block 属性触发块元素，然后再定义 display:inline，让块元素呈递为内联对象（ 两个display 要先后放在两个 CSS 样式声明中才有效果，这是 IE 的一个经典 bug ，如果先定义了display:inline-block，然后再将 display 设回 inline 或 block，layout 不会消失）。代码如下（…为省略的其他属性内容）： div {display:inline-block;...}div {*display:inline;}

                  // 兼容IE时前面加上"_"或则"*"。

 

47.png图片有几种格式？

       答：png 图片有3种不同深度的格式 : png8,png24,png32

 

48.display的属性值有哪些？  

        答：CSS display属性的值及作用

 

 

49. 标签的隐藏（display:none和visibility:hidden）的区别
       答： visibility:hidden隐藏，但在浏览时保留位置；CSS display:none视为不存在，且不加载！  

 

50. 在页面内居中（水平和垂直方向）***
       答： 垂直居中:水平方向给父级设置text-align;使用左右margin值为auto竖直方向:设置line-height值为元素高度;设置元素绝对定位,top:0;bottom:0 margin:auto, 0;