【180网站】22-28

1、location.reload(); 重新加载当前页面。

2、闭合浮动的一种解决方案：

<style>
    .clearfix {/* 触发 hasLayout */ zoom: 1; }
    .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
</style>
<div class="box clearfix">
    <div class="main left">我设置了左浮动 float: left</div>
    <div class="aside left">我是页脚，但是我也设置了左浮动。</div>
</div>

如果布局不复杂，可以用如下方案：

<div class="box" style="overflow: hidden; *zoom: 1;">
    <div class="main left">我设置了左浮动 float: left</div>
    <div class="aside left">我是页脚，但是我也设置了左浮动。</div>
</div>

3、子container定位到夫container的top: 0位置，解决了页面过长出现滚动条的问题。或许是因为子container脱离了文档流？

4、<div id="aaa"></div><textarea></textarea>. textarea在div#aaa的后面。因为div#aaa相对其父元素div absolute定位，所以脱离了标准流，使得其兄弟元素上升。

5、keypress，键盘按下事件。keyup, 按键松开事件。

6、打乱字符串中字符的顺序。遍历字符串，对于每个字符str[i], 从str[i+1...n]中选出一个与之交换。还有更好的方法吗？

7、文本框获得焦点： $("input").focus();

8、设置div高亮闪动一下：首先修改背景色，然后setTimout还原。

9、$.trim(str).去掉字符串首尾的空格。

10、disabled = "disabled"属性，让一个按钮失效。

11、button:active 鼠标按下未松开时的样式

12、div的雨滴形象

.rain {
	height: 8px;
	width: 8px;
	border-radius: 100%;
	border-top-right-radius: 0;
	background-color: #105570;
	
	-webkit-transfrom: rotate(-45deg);
}

13、animation: falling 4s infinite. 表示动画无限次播放。

14、day27下雨效果的实现： 生成150个div， 随机生成他们相对父元素的位置，为每一个div添加动画。动画是加速Y轴上移动，无限次播放。

15、div的心形

.heart {
width: 10px;
height: 9px;
}
.heart:before, .heart:after {
position: absolute;
content: "";
left:5px;
top: 0;
width: 5px;
height: 8px;
background-color: #fa3c88;

border-radius: 5px 5px 0 0;
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
}
.heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
}

16、做按钮效果, 把div换成button，就自动居中了，为什么……在chrome中。。