Subtitles of the Movie

ÿþ [00:00:00.0] CSS ofrece un gran número de formas para dar estilo a su documento Web. En este tutorial aprenderá cómo aplicar estilo [00:00:08.0] utilizando selectores de clase y de identificación. Los selectores de clase son probablemente la forma mas popular para aplicarle estilo a los elementos. [00:00:18.0] La ventaja de usar una clase es que usted no necesita preocuparse por el elemento al que desea dar estilo. Por ejemplo, [00:00:24.0] digamos que queremos darle un estilo al primer párrafo de cada uno de los artículos de esta página. Habiendo localizado el [00:00:33.0] primer párrafo, al presionar la barra espaciadora aparecen las cabezas del código. Desde aquí, escogeré Class, seguido por la clase [00:00:40.0] que previamente creé llamada "intro". Si ahora pasamos a la vista dividida y luego actualizo, usted puede ver el efecto que causa en la página. [00:00:50.0] Rápidamente abramos ese archivo CSS. Aquí está la clase "intro". En esta oportunidad, en vez de aplicarle la regla a una etiqueta, [00:01:04.0] yo he digitado un punto y luego le he dado a la clase un título. Si miramos atrás en la vista de diseño, usted verá que DreamWeaver [00:01:13.0] ha aplicado el estilo, pero solamente muestra un borde sólido en vez de el borde ligero que especifiqué. Esto pasa porque el soporte de [00:01:19.0] CSS en DreamWeaver MX está basado en el motor de ejecución de Internet Explorer 5 para Windows. Y aún así, no todos [00:01:26.0] los selectores de CSS funcionan correctamente. Como usted probablemente sabe, la mejor forma de verificar su página es mirándola en un verdadero navegador [00:01:33.0] como Mozilla. Guardaré el documento y luego lo cargaré en Mozilla, así. aquí puede ver que el borde aparece correctamente. [00:01:43.0] Un punto que quiero mencionar acerca de los selectores de clase, es que cuando se crean estilos usando clases, es muy tentador [00:01:50.0] crear selectores de clases para los encabezados - en vez de redefinir cada una de las etiquetas de encabezamiento de html. Aunque no hay nada intrínsecamente malo [00:01:58.0] al hacer esto, si desea que sus marcaciones tengan sentido, entonces debería usar IDs en lugar de clases. Los selectores de IDs trabajan de forma [00:02:05.0] similar a las clases. La diferencia es que a diferencia de las clases, las IDs solo pueden aparecer una vez en un determinado documento. [00:02:14.0] Un lugar en donde usted normalmente deseará usar un selector de ID, sería por ejemplo al incluir un pie de página en su página. [00:02:20.0] De nuevo, para economizar tiempo, ya he insertado código de marcación. Si nos pasamos al archivo CSS, usted puede ver que ahora [00:02:32.0] el selector empieza con un símbolo #, indicando que este es un selector de ID. Apliquémoselo a la página, y actualicemos. [00:02:46.0] Ahora en la vista de diseño usted puede ver que el estilo ha sido aplicado. [00:02:50.0] [00:02:51.0]