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字体大小
第二:直接限制自动调整
53.div中内容没有撑开高度的原因,怎么解决
父级div没有设置高度,子级div设置高度了,此时,父级div的高度是靠子级div撑起来的,但是当子级div浮动了,父级的高度也就没有了,此时需要给子级增加一个兄弟div,并且clear:both,就能解决问题
54.双倍边距bug
在产生双倍边距bug的元素内,增加一行属性:display:inline;
或者,采用cssHack:margin-left:12px;_margin-left:20px;
55.如何让div水平排列
浮动或者定位
56.定义id名和class名有什么区别?
从概念上来说,id是先找到结构/内容,再给他定义样式;class是先定义好一种样式,再套给镀铬结构/内容。
从样式效果来说,id的优先级要比class高出一个层次,html中不关有几个id,在css获取到的就是所有的,但是在js中通过document获取到的是第一个
57.CSS有几种引入方式,link和@import有什么区别?
见我的博客:http://www.cnblogs.com/shireyhu/p/7827082.html
link是XHTML标签,除了加载CSS外们还可以定义RSS等其他事务,@import属于CSS范畴,只能加载CSS。
link引用CSS时,在页面载入时同时加载;@import需要页面网页完全在如以后加载
link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持
58.在IE中给div设display:inline-block;它还会占一行吗?
ie不支持display属性
59.如何制作渐变效果(不适用CSS)
60.上下两个div分别设置了margin-bottom和margin-top,两个div之间的距离是多少?
会发生融合效果,距离就是数值比较大的那个