前端项目中需要注意的CSS总结

前端开发需要的语言 前端开发软件介绍说明书 百度前端开发面试题目

1.在IE8及以下浏览器中,需要给input同时设置height和line-height,如果不设置height,line-height会失效。

2.只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框,浮动框或者绝对定位的外边距不会叠加。

3.在IE8及以下浏览器中,如果没有给一个div设置长度或者高度就设置top或者left,则该框会被水平拉伸。

4.其实从IE5.5就开始支持inline-block属性了,只不过IE5.5/6/7支持的是IE自定义标准,从IE8开始则支持CSS2.1标准而已。当给元素设置inline-block属性时,如果在盒子里面添加文本,盒子和盒子之间就会出现间隙,这个间隙其实
是White space,要想消除这个间隙,有如下几种方法:font-size:0;或者负margin-right或者直接用float吧!

5.word-wrap和word-break的区别
word-wrap:break-word;在单词内换行,即如果该单词放不下上一行,则整个都换行到下一行。
word-break:break-all;在行间换行,如果这一行放不下则折行放。

6.scrollHeight包括内容高度和padding。

7.当margin,padding的单位都是百分比时,它们都是基于直接父元素的宽度的百分比。无论是上下左右。那么可以利用这个特性来把图片和文字框同比例缩放。

8.img:如果给图片的宽度设置百分比,则他 的高度也会按相应比例变化。

9.elem.style.name只能得出内嵌样式的样式,不能得出外联的和内联的样式。要想得出外联样式,只能用 elem.currentStyle[name] (IE) 或者是 getComputedStyle(elem, null)[name](火狐)

10.对于img元素,会有3个像素的bug,默认情况下,图片下方会多出3px的空白。可以通过设置 display:block 或者 vertical-align:middle 来消除它,一般是用vertial-align,这样就不会改变它的display。

web前端开发的面试题 关于前端开发需要的主要技能 前端和软件开发

» 本文来自:前端开发者 » 《前端项目中需要注意的CSS总结》
» 本文链接地址:https://www.rokub.com/5458.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!