HTMLCSS常见问题整理(三)

41.input标签存在的兼容问题?

当input标签在type为text,在Firefox和Safari中的默认高度为22px(包括上下边框)宽度为146px(包括左右边框),而在IE中的默认高度为24px,而宽度却和Firefox和Safari是一致的,也是146px。

当input标签在type为sumbit,在Firefox中的高度为23px(包括阴影),宽度为75px。在Safari中高度为21px,宽度为73px,在IE中高度为25px,宽度为73px。

42.input中disabled与readonly有何区别?

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

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

43.input属性有哪些?

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

checkbox---定义复选框

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

hidden---定义隐藏的输入字段

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

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

radio---定义单选按钮

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

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

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

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

离他最近的已经定位的父元素

45.CSS选择器div.ps是什么意思

类名是ps的div

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

方法1:直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。兼容各浏览器的代码应为"display:inline-block;display:inline;zoom:1;..."

方法2:先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个CSS样式声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回inline或者block,layout不会消失。代码应为”display:inline-block;*display:inline;“

47.png图片有几种格式

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

48.display的属性值有哪些?

none---此元素不会被显示

block---此元素将显示为块级元素,此元素前后会带有换行符

inline---默认,此元素会被显示为内联元素,元素前后没有换行符

inline-block---行内块元素(CSS2.1增加的属性)

list-item---此元素会作为列表显示

run-in---此元素会根据上下文作为块元素或内联元素显示

compact---CSS中有值compact,不过由于缺乏广泛支持,已经从CSS2.1中删除

marker---CSS中有值marker,不过由于缺乏广泛支持,已经从CSS2.1中删除

table---此元素会作为块级表格来显示,(类似table标签 ),表格前后带有换行符

inline-table---此元素会作为内联表格来显示(类似table标签),表格前后没有换行符

table-row-group---此元素会作为一个或多个行的分组来显示(类似tbody标签)

table-header-group---此元素会作为一个或多个行的分组来显示(类似thead标签)

table-footer-group---此元素会作为一个或多个行的分组来显示(类似tfoot标签)

table-row---此元素会作为一个表格行显示(类似tr标签)

table-column-group---此元素会作为一个或多个列的分组来显示(类似colgroup)

table-column---此元素会作为一个单元格列显示(类似col标签)

table-cell---此元素会作为一个表格单元格显示(类似td和th标签)

table-caption---此元素会作为一个表格标题显示(类似caption)

inherit---规定应该从父元素集成display属性的值

49.标签的隐藏(display:none和visibility:hidden)的区别

visibility:hidden隐藏,但在浏览时会保留位置
display:none视为不存在,且不加载

50.在页面内居中(水平和垂直方向)

垂直居中:水平方向给父级元素设置text-align,使用左右margin值为auto

竖直方向:设置line-height值为元素高度;设置元素绝对定位.top:0;bottom:0;margin:auto,0;

51.如何让链接访问过后的hover消失

正常情况下:爱恨原则:l---v---h---a
为了达到上述效果,改变顺序即可:l---h---v---a

52.IE6中为什么不能设置1px高的div

再用div构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下div有个默认的高度,大约10-12px。当你试图定义一个高度小鱼这个默认值的div的时候,IE会固执地认为这个层的高度不应该小于字体的行高。

解决办法:

第一:定义该div字体大小

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjdpz.html