Differences

This shows you the differences between two versions of the page.

--- web_design:tablas:css [2021/10/12 16:57]
mag Spanish
+++ web_design:tablas:css [2023/08/16 09:33] (current)
@@ Line 1: / Line 1: @@
 ====== Lección 3 de Desarrollo Web - Tablas ======
-===== Hojas de estilo en cascada (CSS) =====
+===== Hojas de Estilo en Cascada (CSS) =====
 ==== Preparacion ====
-  * Continuar usando el trabajo que hiciste en [[https://jsfiddle.net|jsfiddle]].
+  * Continua usando el trabajo que hiciste en [[https://jsfiddle.net|jsfiddle]] en la ultima leccion.
-  * Dado que probablemente haya perdido el trabajo mientras hacía el ejercicio, aquí está de nuevo.
+  * Por si a caso no tienes el codido, aquí está de nuevo.
 <code><h1>Solicitud de empleo</h1>
 <p>Medellin, Fecha</p>
@@ Line 14: / Line 14: @@
 <p>Atentamente,</p>
 <p>Murray</p></code>
-  * Para empezar, elimine todos los estilos dentro de las etiquetas, por ejemplo <html><p style="text-indent:50px"></html>, se vuelve simple <html><p></html>.
+  * Para empezar, elimine todos los estilos dentro de las etiquetas, por ejemplo cambia <html><p style="text-indent:50px"></html> a <html><p></html>.
 ==== CSS ====
@@ Line 40: / Line 40: @@
 ==== Alineación ====
-  * Hay cuatro tipos de alineación de texto. Ha utilizado <html>right</html>, y <html>la izquierda</html> el predeterminado. También puedes usar <html>center</html>, pero hoy, probémoslo <html>justify<ldhbr>. Esto alinea los extremos izquierdo y derecho del texto como se ve en los libros.
+  * Hay cuatro tipos de alineación de texto. Ha utilizado <html>right</html> (derecho), y <html>left</html> (izquierdo) el predeterminado. También puedes usar <html>center</html> (centro), pero hoy, probémoslo <html>justify</html>. Esto alinea los extremos izquierdo y derecho del texto como se ve en los libros.
 <code>text-align: justify;</code>
-  * ¿Agregó esta línea dentro de los corchetes en su propia línea? ¿Funcionó como se esperaba? Si no fue así, intente averiguar qué hizo mal (por ejemplo, ortografía, falta ;) o pida ayuda.
+  * ¿Agregó esta línea dentro de los corchetes en su propia línea? ¿Funcionó como se esperaba? Si no fue así, intente averiguar qué hizo mal (por ejemplo, ortografía, falta <html>;</html>) o pida ayuda.
 ==== Italic ====
-  * Now make the <html>span</html> italic using the following code.
+  * Ahora, cambia el <html>span</html> para parecer cursiva usando el siguiente codigo.
 <code>span {
   font-style: italic;
 }</code>
-  * If you had more than one <html><span></html> tag, they would all be italicised.
+  * Si tuviera mas que una <html><span></html> etiqueta, todos aparecerían en cursiva.
-  * Try adding another <html><span></html> tag somewhere in the text. Did it automatically become italicised? That's handy, isn't it?
+  * Prueba anadir otra etiqueta <html><span></html> en otro lugar del texto. ¿Se puso automáticamente en cursiva? Eso es útil, ¿cierto?
 ==== Font Family ====
-  * Let's modify the heading.
+  * Modificamos el cabezera.
-  * We can change the font family by adding the same code as the attribute.
+  * Podemos cambiar la familia del fuente usando lo mismo codigo del atributos.
 <code>h1 {
   font-family: Arial, sans-serif;
 }</code>
-==== Font Size ====
+==== Tamano del Fuente ====
-  * Let's make the heading really big.
+  * Hagamos el titulo muy grande.
 <code>font-size: 3em;</code>
-==== Underline, Small Caps, Line Height, Shadow ====
+==== Decoraciones ====
-  * Any attribute that works in HTML can be used in CSS. Let's complete the heading using the same attributes as before.
+  * Cualquier atributo que funcione en HTML se puede utilizar en CSS . Completemos el titulo usando los mismos atributos que antes.
 <code>h1 {
   font-family: Arial, sans-serif;
@@ Line 73: / Line 73: @@
   text-shadow:2px 2px #ff0000;
 }</code>
-  * Notice that by placing each style definition on a separate line and indenting them makes it very clear which element is targeted and what styles they will use. If you haven't been indenting your code, please try from now on.
+  * Cualquier atributo que funcione en HTML se puede utilizar en CSS . Completemos el encabezado usando los mismos atributos que antes.
-[[web_design:horario:tables|Next: Tables]]
+[[web_design:tablas:tables|Siguiente: Tablas]]

Tech School

User Tools

Site Tools

Differences

Page Tools