暂且当一个笔记记录的地方吧 - 梅梅哇

另外一点,在一些浏览器中仅指定图片的宽度,可能会导致浏览器重新处理布局,调整页面的时间周期会增加两到三倍,虽然周期不到一毫秒,但是累积起来,尤其是页面上有很多个这样的元素的时候,还是或多或少会影响页面的性能。为了解决这个问题,可以显式的指定图片的height值为auto:img { max-w...本文链接:暂且当一个笔记记录的地方吧,转载请注明。

解决IE6下浮动层固定定位的经典方法 - 梅梅哇

解决IE6下浮动层固定定位的经典方法前段时间看到百度的一道面试题,说什么透明层无论滚动与否都满屏显示,其实就是对html和body标签做一番手脚,两者高度100%显示,同时溢出隐藏(overflow:hidden),然后用一个div高度100%系显示,溢出滚动。而这个透明层就使用绝对定位且与这个di...本文链接:解决IE6下浮动层固定定位的经典方法,转载请注明。

边距折叠 - 梅梅哇

发生折叠需要是相邻的非浮动元素;折叠发生在垂直外边距上,即margin-top/margin-bottom;折叠后取其中最大的那个margin值作为最终值;浮动元素不折叠。在水平书写模式下,发生margin折叠的是垂直方向,即margin-top/margin-bottom,在垂直书写模式下,mar...本文链接:边距折叠,转载请注明。

关于ie6对齐 - 梅梅哇

先来没有任何对齐时的样子:1、一种是在父级没有高度的情况下居中。给每个独立的元素都加上vertical-align:middle;针对文字可以不加,加与不加都可以居中对齐。但是无法做到绝对的居中对齐。可以忽略此处了。2、在父级有高度的情况下居中。 在高级浏览器中默认给父级来个line-height=父级已知高度,即可。 在ie6无效。 在ie6中: 现象一:(有文字混排的情况下) 解决办法:给每个元素都变成BFC,让其居中对齐即可。这里包括文字。 例:vertical-ali

css3的背景多重运用 - 梅梅哇

效果图:简单代码:http://www.developerdrive.com/2013/08/introducing-css3-multiple-backgrounds/演示地址:http://developerdrive.developerdrive.netdna-cdn.com/wp-content/uploads/2013/08/header1.html本文链接:css3的背景多重运用,转载请注明。

css动画集合地址 - 梅梅哇

CSS3UILib库是由腾讯AlloyTeam前端开发团队建立,主要收集国内外友好体验和创意的界面组件Demo。它除了使用CSS3技术外,还使用了HTML5,JS,JX,jQuery等技术,来达到完美的外观表现以及交互体验。http://css3lib.alloyteam.com/#button/CSS3ButtonSwitches一个动画库http://daneden.me/animate/本文链接:css动画集合地址,转载请注明。

邮箱正则 - 梅梅哇

/^([\w-.!#$%&‘*+-/=?^_`{|}~]+)@((?:\w+\.)+)(?:[a-zA-Z]{2,4})$/.test("hjgeh|`!^%$!!@123.comh");书中笔记,这个很有意思哟。/^([\w-.!#$%&‘*+-/=?^_`{|}~]+)@((?:\w+\.)+)(?:[a-zA-Z]{2,4})$/.test("hjgeh|`!^%$!!@123fdf.comf123.cnfg");