Tech School

User Tools

Site Tools

Trace: • sessions • headings • menus
web_design:tablas:css

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
web_design:tablas:css [2021/10/12 16:54]
mag Spanish 		web_design:tablas:css [2023/08/16 09:33] (current)
Line 1: Line 1:
 ====== Lección 3 de Desarrollo Web - Tablas ====== ====== Lección 3 de Desarrollo Web - Tablas ======
-===== Hojas de estilo en cascada (CSS) =====+===== Hojas de Estilo en Cascada (CSS) =====
 ==== Preparacion ==== ==== 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> <code><h1>Solicitud de empleo</h1>
 <p>Medellin, Fecha</p> <p>Medellin, Fecha</p>
Line 14: Line 14:
 <p>Atentamente,</p> <p>Atentamente,</p>
 <p>Murray</p></code> <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 ==== ==== CSS ====
Line 39: Line 39:
 }</code> }</code>
  
-==== Alignment ==== +==== Alineación ==== 
-  * There are four types of text alignment. You've used <html>right</html>, and the default is left. You can also use <html>center</html>, but today, let's try <html>justify</html>. This aligns both the left and the right ends of the text as you see in books.+  * 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> <code>text-align: justify;</code>
-  * Did you add this line inside the brackets on its own line? Did it work as expected? If it didn't, try to work out what you did wrong (eg spelling, missing <html>;</html>) or ask for help.+  * ¿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 ==== ==== 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 { <code>span {
   font-style: italic;   font-style: italic;
 }</code> }</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 ==== ==== 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 { <code>h1 {
   font-family: Arial, sans-serif;   font-family: Arial, sans-serif;
 }</code> }</code>
  
-==== Font Size ==== +==== Tamano del Fuente ==== 
-  * Let's make the heading really big.+  * Hagamos el titulo muy grande.
 <code>font-size: 3em;</code> <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 { <code>h1 {
   font-family: Arial, sans-serif;   font-family: Arial, sans-serif;
Line 73: Line 73:
   text-shadow:2px 2px #ff0000;   text-shadow:2px 2px #ff0000;
 }</code> }</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]]
web_design/tablas/css.1634082857.txt.gz · Last modified: 2023/08/16 09:33 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki