Skip to content

Commit fe056bc

Browse files
author
Li Xinyang
committed
merger upstream
2 parents c6db24a + e4c81a5 commit fe056bc

File tree

2 files changed

+7
-4
lines changed

2 files changed

+7
-4
lines changed

chapter1/04_06_layout.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,19 +65,22 @@
6565
- 默认宽高为父元素宽高
6666
- 可设置宽高
6767
- 换行显示
68+
- 默认为block的元素:`<div>`, `<p>`, `<h1>` ~ `<h6>`, `<ul>`, `<form>`
6869

6970
##### display:inline
7071

7172
- 默认宽度为内容宽度
7273
- 不可设置宽高
7374
- 同行显示(元素内部可换行)
75+
- 默认为inline的元素:`<span>`, `<a>`, `<label>`, `<cite>`, `<em>`
7476

7577
##### display:inline-block
7678

7779
- 默认宽度为内容宽度
7880
- 可设置宽高
7981
- 同行显示
8082
- 整块换行
83+
- 默认为inline-block的元素:`<input>`, `<textarea>`, `<select>`, `<button>`
8184

8285
##### display:none
8386

chapter3/04_style_manipulation.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -102,11 +102,11 @@ element.style.background = 'black';
102102
**缺点**
103103

104104
- 每个属性的更新都需要一个命令
105-
- 命名异常(不为常规 CSS 命运
105+
- 命名异常(以驼峰命名法命名属性
106106

107107
#### element.style.cssText
108108

109-
一次同时设置多个行间样式,其结果同 `element.style` 单独设置相同。
109+
一次同时设置多个行内样式,其结果同 `element.style` 单独设置相同。
110110

111111
```javascript
112112
element.style.cssText = 'color: red; background: black';
@@ -118,7 +118,7 @@ element.style.cssText = 'color: red; background: black';
118118
<div style="color: red; background: black;"></div>
119119
```
120120

121-
**以上两种方式均将样式混合在逻辑当中。
121+
**以上两种方式均将样式混合在逻辑当中。**
122122

123123
#### 更新 class
124124

@@ -145,7 +145,7 @@ element.className += ' angry';
145145

146146
#### 统一更新多个元素样式
147147

148-
以上方法均布适合同时更新多个样式,通过更好样式表的方式则可同时更改多个页面中的样式。将需要的大量样式也在一个**皮肤样式**表中,通过 JavaScript 来直接更换样式表来进行样式改变。(此方法也可用于批量删除样式)
148+
以上方法均不适合同时更新多个样式,通过更换样式表的方式则可同时更改多个页面中的样式。将需要的大量样式也在一个**皮肤样式**表中,通过 JavaScript 来直接更换样式表来进行样式改变。(此方法也可用于批量删除样式)
149149

150150
```html
151151
<link rel="stylesheet" type="text/css" href="base.css">

0 commit comments

Comments
 (0)