add: CSS 开发积累
This commit is contained in:
parent
00cf042dd2
commit
d67a9ecc81
@ -10,8 +10,6 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### 让文字最多只显示两行,超出后显示省略号
|
### 让文字最多只显示两行,超出后显示省略号
|
||||||
|
|
||||||
```
|
```
|
||||||
@ -23,3 +21,15 @@
|
|||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
### 2019-11-12-CSS的逗号和空格
|
||||||
|
|
||||||
|
CSS的逗号一般写在()里。**不同属性值之间,用的是空格**,不是逗号。比如:
|
||||||
|
|
||||||
|
```css
|
||||||
|
transform: translate(-50%, -50%); /* 这种写逗号 */
|
||||||
|
transform: translate(-50%, -50%) scale(0.5); /* 不同属性值之间,用的是空格 */
|
||||||
|
|
||||||
|
background-size: 100% 100%; /* 这里是空格,不是逗号 */
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
|
|
||||||
我们可以看到,`DOM对象.事件 = 函数`的这种绑定事件的方式:一个元素的一个事件只能绑定一个响应函数。如果绑定了多个响应函数,则后者会覆盖前者。
|
我们可以看到,`DOM对象.事件 = 函数`的这种绑定事件的方式:一个元素的一个事件只能绑定一个响应函数。如果绑定了多个响应函数,则后者会覆盖前者。
|
||||||
|
|
||||||
### DOM2的写法:addEventListener
|
### DOM2的写法:addEventListener(高版本浏览器)
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
element.addEventListener('click', function () {
|
element.addEventListener('click', function () {
|
||||||
@ -99,7 +99,10 @@
|
|||||||
|
|
||||||
- 事件被触发时,响应函数会按照函数的绑定顺序执行。
|
- 事件被触发时,响应函数会按照函数的绑定顺序执行。
|
||||||
|
|
||||||
- `addEventListener()`不支持 IE8 及以下的浏览器。在IE8中可以使用`attachEvent`来绑定事件(这里就不详细展开了)。
|
- `addEventListener()`不支持 IE8 及以下的浏览器。在IE8中可以使用`attachEvent`来绑定事件(详见下一小段)。
|
||||||
|
|
||||||
|
### DOM2的写法:attachEvent(IE8及以下版本浏览器)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 事件对象
|
## 事件对象
|
||||||
|
Loading…
Reference in New Issue
Block a user