gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

CSS code fix and lots of translation (#23547)

Browse Source
This commit is contained in:
Paulo Kinopk
2019-08-14 08:18:10 -07:00
committed by Randell Dawson
parent ea44d04ac5
commit 5d5f016963
1 changed files with 65 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
guide/portuguese/css/comments-in-css/index.md
View File

@@ -9,18 +9,18 @@ Os comentários são usados ​​no CSS para explicar um bloco de código ou pa
A sintaxe de comentário no CSS funciona para comentários de uma ou várias linhas. Você pode adicionar tantos comentários à sua folha de estilo quanto quiser. A sintaxe de comentário no CSS funciona para comentários de uma ou várias linhas. Você pode adicionar tantos comentários à sua folha de estilo quanto quiser.
```css ```css
/* /*
This is This is
a multi-line a multi-line
comment comment
*/ */
/* This is a single line comment*/ /* This is a single line comment*/
.group:after { .group:after {
content: ""; content: "";
display: table; display: table;
clear: both; clear: both;
} }
``` ```
Usando comentários CSS para tornar suas folhas de estilo mais legíveis, o CSS será mais fácil de manter no futuro para você ou outro desenvolvedor. É uma boa prática usar comentários CSS para ajudar a identificar partes de qualquer folha de estilo que possa ser difícil de entender para alguém que não escreveu o código. Usando comentários CSS para tornar suas folhas de estilo mais legíveis, o CSS será mais fácil de manter no futuro para você ou outro desenvolvedor. É uma boa prática usar comentários CSS para ajudar a identificar partes de qualquer folha de estilo que possa ser difícil de entender para alguém que não escreveu o código.
@@ -28,7 +28,7 @@ Usando comentários CSS para tornar suas folhas de estilo mais legíveis, o CSS
Você também pode tornar seus comentários mais legíveis estilizando-os. Você também pode tornar seus comentários mais legíveis estilizando-os.
```css ```css
/* /*
*** ***
* SECTION FOR H2 STYLE * SECTION FOR H2 STYLE
*** ***
@@ -38,42 +38,59 @@ Você também pode tornar seus comentários mais legíveis estilizando-os.
* The asterisk around the paragraph make it more readable. * The asterisk around the paragraph make it more readable.
*** ***
*/ */
```
You can add as many comments to your stylesheet as you like. It's good practice to use CSS comments to help identify parts of any stylesheet that might be difficult to understand from a cursory glance. Comments are especially important when working in a team, when your code must be understood by others. By using CSS comments to make your stylesheets more readable, the CSS will be easier to maintain in the future. Você pode adicionar quantos comentários quiser no seu stylesheet. E uma boa prática usar comentários CSS para ajudar a identificar partes de uma stylesheet que possam ser difíceis de entender. Comentários são especialmente importantes quando se está trabalhando em time, quando seu código deve ser entendido por outros. Usando comentários CSS para fazer seu stylesheet mais legível, o código CSS será fácil de fazer manutenção no futuro.
## Comment Formats ## Formatos de Comentários
Comments should be used everyday in your CSS to keep in maintainable and readable by any dev who dives into said CSS. Comentários devem ser usados diariamente no seu CSS para manter a facilidade de manutenção e leitura por qualquer desenvolvedor CSS.
Here are a few exmples to get you started of CSS comments you can use in your daily work to make your life that bit easier. Aqui estão alguns exemplos para te ajudar a iniciar seus comentários CSS que você pode usar diariamente para fazer sua vida um pouco mais simples.
``` css
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TABELA DE CONTEÚDO DO CSS
1.0 - Redefinir
2.0 - Fontes
3.0 - Globals
4.0 - Paleta de Cores
5.0 - Cabeçalho
6.0 - Corpo
6.1 - Sliders
6.2 - Imagens
7.0 - Rodapé
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/****************************************************************************
1.0 - Redefinir */
/****************************************************************************
2.0 - Fontes */
/****************************************************************************
3.0 - Globals */
/****************************************************************************
4.0 - Paleta de Cores */
/****************************************************************************
5.0 - Cabeçalho */
/****************************************************************************
6.0 - Corpo */
/************************************************************************
5.1 - Sliders */
/************************************************************************
5.2 - Imagens */
/****************************************************************************
7.0 - Rodapé */
h2 {
font-size: 1.2em;
font-family: "Ubuntu", serif;
text-transform: uppercase;
}
``` ```
css / \* ++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ TABELA DE CONTEÚDO DA CSS
1,0 - Reset 2.0 - Fontes 3.0 - Globals 4.0 - Paleta de Cores 5.0 - cabeçalho 6.0 - corpo 6.1 - Sliders 6.2 - Imagens 7.0 - Rodapé ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ \* /
/ 1,0 - Redefinir \* /
/ 2.0 - Fontes \* /
/ 3.0 - Globals \* /
/ 4.0 - Paleta de Cores \* /
/ 5.0 - Cabeçalho \* /
/ 6.0 - corpo \* /
```
/************************************************************************
5.1 - Sliders */
/************************************************************************
5.2 - Imagery */
```
/ 7,0 - Rodapé \* / \`\` \`css
h2 { tamanho da fonte: 1,2em; font-family: "Ubuntu", serif; text-transform: maiúscula; } \`\` \`
### Mais Informações: ### Mais Informações:
* [Documentação MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Comments) * [Documentação MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Comments)