前端面试题目笔记-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;

转载于:https://www.cnblogs.com/ChenChunChang/p/6679675.html

前端面试题目笔记-5相关推荐

前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs）
前端面试+学习笔记(HTML+CSS+JavaScript+ES6+Vue+NodeJs) 一. HTML 1. 盒子模型是什么:每个元素被表示为一个矩形的盒子,有四个部分组成:内容(content ...
2018年中高级前端面试题目小结
2018年中高级前端面试题目小结前言关于前端面试,及面试题目,我之前有很多文章总结过,可以在右侧搜索面试,进行查找.其实面试中可以问的问题很多,最近几年,我也面试过很多工作2-4年的前端,我一般会 ...
强到离谱！阿里P8前端面试全套笔记，即将删除～
都2023年了,你觉得就业形势会回暖吗? 先说下我的结论:2023依然存在很多不确定性,这不是悲观,而是远见. ⾏业巨变.企业裁员,并没有随着疫情而消失,反而是随时会发⽣的事. "工作稳定& ...
初中级前端面试题目汇总和答案解析
笔者虽然曾今也面试过一些前端求职者,但是对于前端的笔试和面试,我觉得并不能体现一个人的真实能力,所以建议大家多修炼前端真正的技术.对于前端面试题,由于之前承诺过会出一期,所以笔者大致总结一下曾今面试的 ...
2021年滴滴出行前端面试题目（一面）
1.自我介绍 ---------------------------------------------------------理论部分-------------------------------- ...
前端面试题目及答案（欢迎拍砖）
1.盒子模型(IE 和w3c). 2.css hack ie6 參见博客:http://blog.csdn.net/freshlover/article/details/12132801 简单 ...
[转]2016年Web前端面试题目汇总
记得去年 12月份刚来北京面试前端的时候 ,下面的这问题大部分有涉及到...是不是要做题的都会出这些.. HTML/CSS部分 1.什么是盒子模型? 在网页中,一个元素占有空间的大小由几个部分构成 ...
前端面试题目（都是一些总结的，从各处摘抄的题目）
前端遇到哪些兼容性问题,怎么解决? 答:(1)不同浏览器margin和padding不同,解决方法:*{margin:0;padding:0}统一格式 (2)ie6中,父级元素浮动以后,内部元素内容撑 ...
Web 前端面试题目及答案汇总
以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正.: ) 阅读目录 HTML/CS ...

前端面试题目笔记-5

前端面试题目笔记-5相关推荐

最新文章

热门文章