Subtitles of the Movie

ÿþ [00:00:00.0] En lo que falta de este capítulo, veremos las bases del funcionamiento de CSS. [00:00:05.0] Si está familiarizado con los principios de CSS, puede pasar al siguiente capítulo. [00:00:11.0] Empezaremos viendo como se aplica CSS a una página Web. [00:00:16.0] Como es de esperar, hay una variedad de formas en las que usted puede pegar juntas sus CSS y sus marcas. [00:00:22.0] El primer método que veremos es aplicar una hoja de estilo al estilo de etiquetas HTML. [00:00:27.0] En este ejemplo usted puede ver que el encabezado más grande, h1, está en verde. [00:00:33.0] Si miramos en la vista de código, podrá ver el estilo de etiqueta en la línea 6, seguido de la información de estilo conocida como la regla. [00:00:41.0] Para entender las reglas, nos cambiaremos a una diapositiva de Powerpoint. [00:00:45.0] En el lado izquierdo de la regla, tenemos el elemento escogido para aplicar el estilo, llamado el selector. [00:00:52.0] Al lado derecho tenemos la propiedad, en este caso color, y el valor, verde. [00:00:58.0] Tanto la propiedad como el valor se conocen como la declaración. [00:01:02.0] Una declaración es la combinación de propiedad de CSS y el valor de esa propiedad establecida. [00:01:08.0] Si repasamos Dreamweaver MX, usted puede ver que la regla está encerrada en paréntesis, y al final del valor está un punto y coma. [00:01:17.0] Los paréntesis y el punto y coma hacen que los navegadores puedan distinguir el selector, la propiedad y el valor. [00:01:23.0] El punto y coma se usa para separar propiedades sucesivas. [00:01:27.0] Así, si por ejemplo deseáramos que los encabezados aparezcan en fuente San Serif, como por ejemplo Verdana, podríamos colocar lo siguiente: [00:01:34.0] Si ahora queremos cambiar a una vista dividida, y actualizo la vista del diseño, puede ver que el estilo ha sido actualizado. [00:01:51.0] Solo para tener una referencia, este tipo de estilo se conoce como una hoja estilo insertado o una hoja estilo documento. [00:01:58.0] [00:02:00.0]