info/learnxinyminutes-docs
1
0
Fork 0
mirror of https://github.com/adambard/learnxinyminutes-docs.git synced 2025-08-05 14:27:51 +02:00
Code Issues Releases Wiki Activity

Little orthography fixes.

Browse Source
This commit is contained in:
Daniel Zendejas
2014-07-25 11:29:05 -05:00
parent de1d175eb6
commit e2a19c0969
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
es-es/css-es.html.markdown
View File

@@ -6,7 +6,6 @@ contributors:
- ["Marco Scannadinari", "https://github.com/marcoms"] - ["Marco Scannadinari", "https://github.com/marcoms"]
translators: translators:
- ["Daniel Zendejas","https://github.com/DanielZendejas"] - ["Daniel Zendejas","https://github.com/DanielZendejas"]
lang: es-es
--- ---
Tutorial de CSS en español Tutorial de CSS en español
@@ -20,12 +19,12 @@ CSS es el lenguaje estándar que existe para separar el contenido
Lo que CSS hace es proveer con una sintaxis que te permite apuntar a distintos Lo que CSS hace es proveer con una sintaxis que te permite apuntar a distintos
elementos HTML y asignarles diferentes propiedades visuales. elementos HTML y asignarles diferentes propiedades visuales.
CSS ,como cualquier otro lenguaje, tiene múltiples versiones. Aquí nos enfocamos CSS, como cualquier otro lenguaje, tiene múltiples versiones. Aquí nos enfocamos
en CSS 2.0. No es la más reciente pero sí la más soportada y compatible. en CSS 2.0. No es la versión más reciente pero sí la más soportada y compatible.
**NOTA:** Como los resultados de CSS son efectos visuales, para aprenderlo, **NOTA:** Como los resultados de CSS son efectos visuales, para aprenderlo,
necesitarás probar todo tipo de cosas en ambientes como necesitarás probar todo tipo de cosas en ambientes como
[dabblet](http://dabblet.com/). El principal enfoque de este artículo es en [dabblet](http://dabblet.com/). Este artículo se enfoca, principalmente, en
la sintaxis y consejos generales. la sintaxis y consejos generales.
```css ```css
@@ -35,12 +34,12 @@ la sintaxis y consejos generales.
## SELECTORES ## SELECTORES
####################*/ ####################*/
/* Generalmente, la sentencia principal en CSS es muy simple */ /* Generalmente, la sentencia principal en CSS es muy simple. */
selector { propiedad: valor; /* más propiedades...*/ } selector { propiedad: valor; /* más propiedades separados por punto y coma...*/ }
/* El selector es usado para apuntar a un elemento en la página. /* El selector es usado para apuntar a (seleccionar) un elemento en la página.
¡Puedes apuntar a todos los elementos en la página! */ ¡Puedes apuntar a todos los elementos en la página con el asterisco! */
* { color:red; } * { color:red; }
/* /*
@@ -49,7 +48,7 @@ Dado un elemento como este en la página:
<div class='una-clase clase2' id='unaId' attr='valor' /> <div class='una-clase clase2' id='unaId' attr='valor' />
*/ */
/* puedes seleccionarlo por el nombre de su clase */ /* puedes seleccionar el <div> por el nombre de su clase */
.una-clase { } .una-clase { }
/*¡O por sus dos clases! */ /*¡O por sus dos clases! */
@@ -76,21 +75,21 @@ div { }
/* O incluso contiene un valor ('lo' en este caso) */ /* O incluso contiene un valor ('lo' en este caso) */
[attr~='lo'] { font-size:smaller; } [attr~='lo'] { font-size:smaller; }
/*y, más importante, puedes combinar estos criterios de búsqueda entre sí. /*Más importante, puedes combinar estos criterios de búsqueda entre sí.
No debe existir ningún espacio entre estas partes porque hace que tenga otro No debe existir ningún espacio entre estas partes porque hace que el
significado.*/ significado cambie.*/
div.una-clase[attr$='or'] { } div.una-clase[attr$='or'] { }
/* También puedes seleccionar un elemento HTML basado en sus padres*/ /* También puedes seleccionar un elemento HTML basándote en sus padres*/
/* Un elemento que es hijo directo de otro elemento (Seleccionado de la forma que /* Un elemento que es hijo directo de otro elemento (Seleccionado de la forma que
vimos anteriormente) */ vimos anteriormente) */
div.un-padre > .nombre-clase {} div.un-padre > .nombre-clase {}
/* O cualquiera de sus padres en un árbol*/ /* O cualquiera de sus ancestros en la jerarquía*/
/* Lo siguiente básicamente significa que cualquier elemento que tenga una clase /* La siguiente sentencia selecciona a cualquier elemento que tenga una clase
"nombre-clase" y es hijo de un div con clase "un-padre" EN CUALQUIER PROFUNDIDAD*/ "nombre-clase" y sea hijo de un div con clase "un-padre" EN CUALQUIER PROFUNDIDAD*/
div.un-padre .nombre-clase {} div.un-padre .nombre-clase {}
/* advertencia: el mismo selector sin espacio tiene otro significado. ¿Puedes /* advertencia: el mismo selector sin espacio tiene otro significado. ¿Puedes