Hojas de ca



1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones Word Wide web Consortiun (W3C) .
a) Identificación de lenguaje CSS
- Definición de CSS: Son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada, que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, esdecir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.
- Funcionamiento Básico: El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo.Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.
- Formas de inclusión de CSS en XHTML: Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección ). Estemétodo se emplea cuando se define un número pequeño de estilos o cuando se quieren incluir estilos específicos en una determinada página HTML que completen los estilos que se incluyen por defecto en todas las páginas del sitio web.
El principal inconveniente es que si se quiere hacer una modificación en los estilos definidos, es necesario modificar todas las páginas que incluyen el estilo que se va amodificar.
-Glosario Básico:
Propiedad: (Property): El estilo que estás aplicando a un selector. Por ejemplo: background O dicho de otra forma: es la palabra clave tal como es definida por la especificación para poder actuar sobre un aspecto o estilo de un elemento.

Valor: (Value): El valor(es) que puede admitir una propiedad. Puede ser una palabra clave, un número seguido según el caso desu unidad, una expresión. Valores y unidades Css
Medidas: (Length Units): Un valor seguido de una unidad (sin espacio que los separe) cuando es necesaria. Por ejemplo: 20deg, 1.5rem, 10%...
Palabra Clave: (Keyword): Una palabra clave tal cuál se recoge en la especificación. Al usarla no se debe colocar entre comillas.
Anotación funcional: Functional Notation): Son valores que la especificaciónlos define como una función. En ocasiones tras el indicador la anotación va entre paréntesis (). Por ejenplo: url(imen.jpg), skew(20deg), rgba(0,0,0, .8)...
Cadena de texto: Una o varias palabras que conforman el valor. No son definidas por las especificaciones. Su sintaxis (uso de comillas opcional u obligado) depende de la propiedad. Por ejemplo el nombre de una tipografía o el contenido de lapropiedad content cuando es un texto elegido por nosotros.
Declaración: (Declaration): el grupo formado por una propiedad + los dos puntos(:) + su valor o valores y el punto y coma (;) con el que concluye. Ejemplo: font-family: helvetica, arial, sans-serif;
Selector: El selector es el identificador en la hoja de estilos del elemento o elementos del html a los que se aplicará la regla. Precedeal corchete de apertura del bloque de declaraciones.
Básicamente los tipos de selectores son:
Selector universal: representado por un asterisco *: Apunta a todos y cada uno de los elementos del documento.
Clase (Class): El más común. Se indica anteponiendo un punto (.) al nombre. En el mismo documento html puede haber tantos elementos con la misma clase como se necesiten.
id o identificadorúnico (id): Indicado por una almohadilla (#). No se puede reutilizar, haber más de uno con el mismo nombre, en el mismo html.
Selector de atributo: se utiliza como selector el nombre de cualquier atributo que un elemento pueda tener en el html: a[href^="http"], code[rel*="uno"]
Pseudoclases: concepto que se introduce para permitir la selección basada en información que se encuentra fuera de la...