Taller2 Estilos CSS 1

TALLER # 2
AREA: DESARROLLO WEB GRADO: UNDECIMO PERIODO: SEGUNDO

Tema: Estilos CSS
Competencia: Reconoce y maneja conceptos y herramientas complementarias del entorno Web.
Desempeño: Utiliza estilos CSS en las paginas y sitios web
Competencia Practica: Crea estilos Css con las propiedades indicadas y los utiliza en las paginas web.

Aspectos a Desarrollar.
1. ¿Qué son estilos CSS?
2.Proceso para crear Hoja de estilos CSS.
3. Para qué sirven los Estilos CSS?
4. Definir cada una de las categorías de los estilos CSS.
5. Como utilizar los Estilos Css?
6. Como vincular Hojas de estilos externa a un Documento.

Solución.
1. ESTILOS CSS: Las hojas de estilos en cascada (CSS) son un conjunto de reglas de formato que controlan el aspecto del contenido de una página Web. Cuando se utilizanestilos CSS para dar formato a una página, el contenido se separa de la presentación. El contenido de la página (el código HTML) reside en el propio archivo HTML, mientras que las reglas CSS que definen la presentación del código residen en otro archivo (una hoja de estilos externa) o en otra parte del documento HTML (normalmente, en la sección head). Los estilos CSS aportan gran flexibilidad ycontrol sobre el aspecto exacto que se busca en una página, desde la colocación precisa de elementos hasta el diseño de fuentes y estilos concretos.
Los estilos CSS permiten controlar muchas propiedades que el código HTML no es capaz de controlar. Por ejemplo, puede especificar distintos tamaños y unidades de fuente (píxeles, puntos, etc.) para el texto seleccionado. Si utiliza CSS para definir eltamaño de fuente en píxeles, también conseguirá un tratamiento más coherente del diseño y el aspecto de la página en múltiples navegadores.

2. PARA CREAR UNA REGLA CSS NUEVA:
1. Sitúe el punto de inserción en el documento y siga uno de estos procedimientos para abrir el cuadro de diálogo Nueva regla CSS.
a. En el panel Estilos CSS (Ventana > Estilos CSS), haga clic en el botón Nueva regla CSS(+) situado en la parte inferior derecha del panel.
b. Seleccione Texto > Estilos CSS > Nueva regla CSS.
2. Defina el tipo de estilo CSS que desea crear:
a. Para crear un estilo personalizado que se pueda aplicar como atributo class a un rango o un bloque de texto, seleccione la opción Clase y escriba el nombre del estilo en el cuadro de texto Nombre.
b. Para redefinir el formato predeterminadode una etiqueta HTML específica, seleccione la opción Etiqueta e inserte una etiqueta HTML en el cuadro de texto Etiqueta o elija una en el menú emergente.
c. Para redefinir el formato predeterminado de una combinación concreta de etiquetas que contengan un código específico de atributo Id, seleccione la opción Avanzada e introduzca una o más etiquetas HTML en el cuadro de texto Selector oelíjalas en el menú emergente. Los selectores (conocidos como selectores de seudo-clase) disponibles en el menú emergente son a: activos,
b: activable, c: vínculo y d: visitado.
3. Seleccione la ubicación donde se definirá el estilo:
a. Para crear una hoja de estilos externa, elija Nuevo archivo de hoja de estilos.
b. Para incrustar el estilo en el documento actual, seleccione Sólo este documento.4. Haga clic en Aceptar.
Aparecerá el cuadro de diálogo Definición de estilos.
5. Seleccione las opciones de estilo que desea establecer para la nueva regla CSS.
6. Cuando termine de configurar los atributos de estilo, haga clic en Aceptar.

3. PARA QUÉ SIRVEN LOS ESTILOS CSS: CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definenla forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.




4. CATEGORIAS DE ESTILOS CSS
TIPO: se refiere a la configuración de la Fuente y...