【180网站】8-14

1、clear属性：元素周围不允许出现浮动元素。即该元素不会包围浮动元素。

      opacity: 0.5; 设置元素的不透明级别。

      border-radius: 2px 2px 0 0; 边框圆角属性。

2、球的弹跳： css3 keyframe animation. 设置周期，时间进度，起落位置。

3、jQuery事件绑定全部用on。

4、Math.round(x); 把x四舍六入五成双为最接近的整数。

      Math.floor(Math.random() * (max - min + 1)) + min; 生成min 到 max之间的随机整数。

5、渐变：-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]);

       -webkit-gradient 是 webkit 引擎对渐变的实现参数，一共有五个。第一个参数表示渐变类型（type），可以是linear（线性渐变）或者radial（径向渐变）。第二个参数和第三个参数，都是一对值，分别表示渐变起点和终点。这对值可以用坐标形式表示，也可以用关键值表示，比如 left top（左上角）和left bottom（左下角）。第四个和第五个参数，分别是两个color-stop函数。color-stop 函数接受两个参数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。

6、迭代选择时，比如#id .class, 之间一定要有空格。

7、css注释方法： /* */

8: #inputElement :foucs  文本框被点击的时候。

9、input元素中placeholder属性： 默认内容（灰色）。

10、 $("#input_text").focus(); 焦点集中在某文本框。

11、$("form").on("submit", function(event) {  event.preventDefault();  }): 为表单设置提交时的操作，阻止默认操作。

12、$("#input_text").val() 获得元素的值。

13、正则表达式中： \s空白字符， \S非空白字符。js .replace(/^\s+|\s+$/g, ''); 全局替换开头或结尾的字符， 正则表达式不必加括号。i 忽视大小写。

14、white-space: nowrap; 文本不换行。

         vertical-align: top;顶端对齐，无缝。

15、div inline-block 之间有空白，是在html中用了换行或者制表。