Subtitles of the Movie

ÿþ [00:00:00.0] Como señalamos en el anterior tutorial, la forma más efectiva para dar estilo a sus documentos Web es creando sus estilos en uno o más archivos externos, [00:00:10.0] y luego enlazarlos a sus páginas Web. [00:00:12.0] El primer método que vamos a ver es el enlace a un archivo externo. [00:00:16.0] En este documento mostrado en vista dividida, vamos a adjuntar la hoja de estilo externa que previamente he creado junto al elemento de enlace. [00:00:24.0] En la vista de código voy a escribir lo siguiente. Al actualizar, aparece el efecto que esto tiene en la vista de diseño. [00:00:41.0] La ventaja aquí es que se puede aplicar el archivo externo a cualquier documento de este sitio. [00:00:47.0] Y si necesitamos hacer algún cambio, entonces estos solo deberán ser hechos en el archivo externo de la hoja de estilo. [00:00:52.0] Por ejemplo, pensemos que deseamos cambiar el color de fondo de la página a verde oscuro. [00:01:00.0] Entonces todo lo que tengo que hacer es abrir la hoja de estilo externa, y luego adicionar la nueva regla, así. [00:01:07.0] Rápidamente cambiaré el color del texto: lo convertiremos en blanco. Así como se puede enlazar a un archivo externo, usted también puede importar un archivo. [00:01:22.0] La instrucción At Import [@Import] fue diseñada originalmente para permitirle a los desarrolladores importar primero todas sus hojas de estilo, y luego continuar procesando cualquier estilo a nivel de documento. [00:01:32.0] Cuando usted usa la instrucción @Import, se cargarán y usarán todas las hojas de estilo. [00:01:37.0] Sin embargo, hay otra ventaja al usar @Import, considerando que Netscape 4 no reconoce las notas de @Import. [00:01:45.0] Netscape 4 fue introducido en Junio de 1997, y por muchos años ha sido la ruina de la mayoría de los desarrolladores Web. [00:01:52.0] Tiene un soporte muy pobre para CSS, e igualmente tiene un gran número de gusanos HTML y CSS. [00:01:58.0] Pero como Netscape 4 no reconoce la instrucción @Import usted puede utilizarla en su beneficio... [00:02:04.0] ya que le da la flexibilidad para poder crear todas las reglas de estilo que harán que Netscape 4 se torne inestable, y cargarlas usando @Import. [00:02:12.0] Por ejemplo, aquí está la página índice de mi sitio personal. [00:02:17.0] Si nos pasamos a Mozilla, podrá ver que la página se ve bien. Sin embargo, cárguela en Netscape 4 y verá que, bueno, la página se ve como la comida de un perro. [00:02:29.0] Para corregir esto, usaré la instrucción @Import solo para darle a la página un estilo para navegadores modernos. [00:02:35.0] Ahora, si cargo nuevamente la página en Netscape 4, aunque no haya ningún estilo, por lo menos la página es legible. [00:02:50.0] [00:02:52.0]