Skip to content

Commit d9ed66d

Browse files
committed
refactor: corrects syntax errors
1 parent 3650fe9 commit d9ed66d

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Escreva uma função `showNotification(options)` que cria uma notificação: `<d
99
As opções são:
1010

1111
```js
12-
// mostra um elemento com o texto "Olá" próximo ao canto superior direita da janela
12+
// mostra um elemento com o texto "Olá" próximo ao canto superior direito da janela
1313
showNotification({
1414
top: 10, // 10px a partir do topo da janela (por padrão 0px)
1515
right: 10, // 10px a partir da borda a direita da janela (por padrão 0px)

2-ui/1-document/08-styles-and-classes/article.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ document.body.style.backgroundColor = prompt('background color?', 'green');
103103
````smart header="Propriedades pré-fixadas"
104104
Propriedades com prefixo de navegador como `-moz-border-radius`, `-webkit-border-radius` também segue a mesma regra: um traço indica uma letra maiúscula.
105105
106-
Por exmeplo:
106+
Por exemplo:
107107
108108
```js
109109
button.style.MozBorderRadius = '5px';
@@ -186,7 +186,7 @@ Repare: o navegador "descompacta" a propriedade `style.margin` nas últimas linh
186186
187187
## Estilos computados: getComputedStyle
188188
189-
Portanto, modificar um estilo é facil. Mas como lê-lo?
189+
Portanto, modificar um estilo é fácil. Mas como lê-lo?
190190
191191
Por exemplo, queremos saber o tamanho, as margens e a cor de um elemento. Como fazer isso?
192192
@@ -253,7 +253,7 @@ Por exemplo:
253253
Existem dois conceitos no [CSS](https://drafts.csswg.org/cssom/#resolved-values):
254254
255255
1. Um valor de estilo *computado* é o valor depois que todas as regras e heranças do CSS são aplicadas, como resultado da cascata CSS. Pode parecer com `height:1em` ou `font-size:125%`.
256-
2. Um estilo *resolvido* é aquele finalmente aplicado ao element. Valores como `1em` ou `125%` são relativos. O navegador pega o valor computado e converte todas as unidades para fixas ou absoluta, por exemplo: `height:20px` ou `font-size:16px`. Para propriedades geométricas, os valores resolvidps podem ter ponto flutuante, como `width:50.5px`.
256+
2. Um estilo *resolvido* é aquele finalmente aplicado ao element. Valores como `1em` ou `125%` são relativos. O navegador pega o valor computado e converte todas as unidades para fixas ou absoluta, por exemplo: `height:20px` ou `font-size:16px`. Para propriedades geométricas, os valores resolvidos podem ter ponto flutuante, como `width:50.5px`.
257257
258258
Há muito tempo, `getComputedStyle` foi criado para obter valores computados, mas acabou sendo mais conveniente obter valores resolvidos, e o padrão mudou.
259259

0 commit comments

Comments
 (0)