给父层元素绑定事件，实际上已经包括了父层元素内的所有区域，所以也包括子元素，所以点击子元素会触发父元素的点击事件。
对于事件而言，这是一种事件传递。如果不希望事件传递下去，可以在子元素上使用js的阻止事件传递方法stopPropagation，就不会将事件传递到父层元素。
transform:skewX(30deg)
扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变
元素的形状。skew()函数不会旋转，而只会改变元素的形状。
一个参数：表示水平方向的倾斜角度；
两个参数：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度
气泡需要两个组合
![JS正则：'abc01'.match(^(abc[d]+))为什么返回两个值？](/aiimages/JS%E6%AD%A3%E5%88%99%EF%BC%9A%26%23039%3Babc01%26%23039%3B.match%28%5E%28abc%5Bd%5D%2B%29%29%E4%B8%BA%E4%BB%80%E4%B9%88%E8%BF%94%E5%9B%9E%E4%B8%A4%E4%B8%AA%E5%80%BC%EF%BC%9F.png)
