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

Update index.md (#22393)

Browse Source 
Improved meaning in one sentence by removing words and using a shorter version.
Consolidates some of the use of third and first person
This commit is contained in:
Rodolfo
2019-08-08 01:38:04 -03:00
committed by Randell Dawson
parent b4f2fa6fbc
commit 841cdc567c
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guide/spanish/html/css-classes/index.md
View File

@ -6,7 +6,7 @@ localeTitle: Clases de CSS
Las clases son una forma eficiente de agrupar elementos HTML para que puedan compartir los mismos estilos. Las clases de CSS (hojas de estilo en cascada) se pueden utilizar para organizar y decorar elementos de páginas web.
Al escribir HTML, puede agregar clases a un elemento. Simplemente agregue el atributo `class="myclass"` al elemento. Varios elementos pueden tener la misma clase y un elemento puede tener varias clases. Puede asignar varias clases a un elemento agregando todos los nombres de clase deseados separados por un espacio al atributo de `class` en HTML.
Al escribir HTML, se pueden agregar clases a un elemento. Simplemente agregue el atributo `class="myclass"` al elemento. Varios elementos pueden tener la misma clase y un elemento puede tener varias clases. Puede asignar varias clases a un elemento agregando todos los nombres de clase deseados separados por un espacio al atributo de `class` en HTML.
```html
@ -23,7 +23,7 @@ A continuación, puede diseñar estos elementos con CSS. Se hace referencia a la
}
```
Este código da un fondo azul y un color rojo texto a todos los elementos que tienen el `super-man` clase. [Ver este ejemplo en CodePen](https://codepen.io/Tlandis/pen/RLvomV) .
Este código da un fondo azul y un color rojo texto a todos los elementos que tienen la clase `super-man`. [Ver este ejemplo en CodePen](https://codepen.io/Tlandis/pen/RLvomV) .
También puede declarar más de una clase a su elemento, como:
@ -46,9 +46,9 @@ Luego en tu archivo css:
}
```
**Nota:** los nombres de las clases son tradicionalmente en minúsculas, con cada palabra en un nombre de clase de varias palabras separadas por guiones (por ejemplo, "super-man").
**Nota:** los nombres de las clases se escriben tradicionalmente en minúsculas, separadas por guiones si hay más de uno (por ejemplo, "super-man").
También puedes combinar clases en la misma línea:
También se pueden combinar clases en la misma línea:
```css
.superMan .spiderMan {
@ -65,4 +65,4 @@ Puedes ver el resultado del código anterior [aquí](https://codepen.io/Tlandis/
* [Clases de HTML, Escuelas w3](https://www.w3schools.com/html/html_classes.asp)
* [trucos css](https://css-tricks.com/how-css-selectors-work/)
* [Cómo codificar en HTML5 y CSS3](http://howtocodeinhtml.com/chapter7.html)
* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class)
* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class)