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

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

@@ -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.
***
*/
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.
## Comment Formats
Comments should be used everyday in your CSS to keep in maintainable and readable by any dev who dives into said 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.
```
css / \* ++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ TABELA DE CONTEÚDO DA CSS
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.
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é ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++ \* /
## Formatos de Comentários
/ 1,0 - Redefinir \* /
Comentários devem ser usados diariamente no seu CSS para manter a facilidade de manutenção e leitura por qualquer desenvolvedor CSS.
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.
/ 2.0 - Fontes \* /
``` css
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TABELA DE CONTEÚDO DO CSS
/ 3.0 - Globals \* /
/ 4.0 - Paleta de Cores \* /
/ 5.0 - Cabeçalho \* /
/ 6.0 - corpo \* /
```
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 - Imagery */
5.2 - Imagens */
/****************************************************************************
7.0 - Rodapé */
h2 {
font-size: 1.2em;
font-family: "Ubuntu", serif;
text-transform: uppercase;
}
```
/ 7,0 - Rodapé \* / \`\` \`css
h2 { tamanho da fonte: 1,2em; font-family: "Ubuntu", serif; text-transform: maiúscula; } \`\` \`
### Mais Informações:
* [Documentação MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Comments)