Differences

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

--- web_design:tablas:css [2021/10/14 13:06]
mag [Alineación]
+++ 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 ====
   * Continua usando el trabajo que hiciste en [[https://jsfiddle.net|jsfiddle]] en la ultima leccion.
@@ Line 45: / Line 45: @@
 ==== 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