|
Realmente el código del archivo nuevo que generó el Dream es el siguiente:
.caprichoDeMiJefe { font-family: Arial, Helvetica, sans-serif; font-style: italic; cursor: wait; color: #FFFFFF; background-color: #FF0000}
Y en el archivo .htm fue el siguiente (eso sí, debes agregarselo a todos las páginas de tu sitio a través del Attach Style Sheet de la paleta de CSS):
<link rel="stylesheet" href="estilos.css" type="text/css"> Dentro del <HEAD>
Y la tabla queda con este código:
<table width="50%" border="0" cellspacing="2" cellpadding="2" class="caprichoDeMiJefe">
<tr>
<td>Hola amigos</td>
</tr>
</table>
Esto significa que el archivo ya está linkeado con el css y a su vez éste ya tiene definida las órdenes. Si el pelota de tu jefe, después de haber cambiado todas las 235 tablitas, se le ocurre "Siempre dije que el azul es el mejor color". Ja já, Shift+F11 > Editar Estilo > Elige el archivo > Elige el estilo > Background > Background Color > Color azul > ¡Toma!
Esto último también se puede editar directamente desde el archivo, a través del Notepad o Block de Notas
Volvamos atrás. Ahora queremos redefinir un tag HTML, esto quiere decir que todas las veces que aparezca un tag específico, tendrá las características que queramos. Al abrir la ventana Nuevo Estilo y elegir esta segunda opción, nos aparece una lista de tags a los cuales podemos agregarle características propias. Por ejemplo puedes decidir que desde ahora los <H1> van a tener letra de 18 pixeles. Ojo, estos tags no los muestra la paleta de CSS porque asume que no necesitas aplicarlos arbitrariamente (como las class), sino el 100% de las veces tendrán esas características (a excepción que forzadamente los cambies desde una selección). Si ya no te gustaron los 18 pixeles, solamente debes editarlos desde el Dream o el Notepad.
|