我的笔记

n个这个元素(总小100000px); 关键就是在hidden元素内部再放一个div,然后设置足够大的空间,容浮动对象,不让它碰到到边而换行. 如果浮动+定位position配合,将需要给浮动元素的父元素加上width和height,要不,可能会出现父元素虽然经过清除浮动还是0空间大小,而显示不出内容

a.a2{line-height:100px;text-align:center;text-decoration:none;background-color:#54ABE1; color:#fff;border:1px solid darkgray;display:block;width:100px;height:100px;backgroud-color:red;position:relativ

body{margin:0;padding:0;}html{_overflow:hidden;}body{_overflow:auto;_height:100%;}.fixed{right:17px;position:fixed;top:10px;_position:absolute;}变成了fixed    也变成了fixed   回顶部          看来这么hack,用处不大

当在动画中移动此标时,会看到动画效果,它是通过改变组合图片的位置(css的top,css的left)来达到"动"画的效果的;

img{    /*不用透明    filter: Alpha(opacity=50);       -moz-opacity:.5;       opacity:0.5;    */}

测试在这些控件中设置css的:  vertical-align:middle;即可解决ie8/ff5/safari5且测试发现,在浏览器中,ie/ff的button border是包括在height内的,而input text却在外面;

input text 在ff/safari下面默认是居中的,但是在ie中却是居顶的,需要设置line-height跟height一样就可以居中;其它文本,inline类标签,使用 *{ vertical-align:middle;}时能够解决;标签测试环境不一样,这些方法好像没有绝对可以;

一个用css+div实现的圆角框

float:left; float:left; 测试代码 显示效果,可以看到红色框不在最左边,在某些情况下,如果看不见第一个float话,就会很郁闷,float第二个不在最左.解决float问题得找与它最近的,有没有另一个的高度超过了顶边