SEMANA 4 – PROGRAMACIÓN WEB I

PROGRAMACIÓN WEB I
IIASIGNATURA
SEMANA 4

Hojas de estilo en cascada (CSS) I

Reservados todos los derechos Instituto Superior de Artes y Ciencias de la Comunicación S.A. No se permite copiar, reproducir, reeditar, descargar,
publicar, emitir, difundir, de forma total o parcial la presente obra, ni su incorporación a un sistema informático, ni su transmisión en cualquier
forma o por cualquier medio (electrónico, mecánico, fotocopia, grabación u otros) sin autorización previa y por escrito de Instituto Superior de
Artes y Ciencias de la Comunicación S.A. La infracciónIACC-2020
de dichos derechos puede constituir un delito contra la propiedad intelectual.
1
SEMANA 4 – PROGRAMACIÓN WEB I

1.

APRENDIZAJES ESPERADOS
El estudiante será capaz de:

 Emplear hojas de estilo en cascada (CSS) en el diseño de

HTML, considerando historia y evolución, funcionamiento,
soporte en navegadores en distintos medios o dispositivos.

IACC-2020
2
SEMANA 4 – PROGRAMACIÓN WEB I

APRENDIZAJES ESPERADOS ................................................................................................................. 2

INTRODUCCIÓN ................................................................................................................................... 5
1. HOJAS DE ESTILO EN CASCADA (CSS) Y DISEÑO HTML………………………………………………..……………...5

1.1. DEFINICIÓN...................................................................................................................... 5
1.2. BREVE HISTORIA Y EVOLUCIÓN DE CSS ........................................................................... 6
1.3. SOPORTE DE CSS EN LOS NAVEGADORES ....................................................................... 7
1.4. ESPECIFICACIÓN ESPECIAL .............................................................................................. 8
1.5 FUNCIONAMIENTO BÁSICO DE CSS................................................................................ 9
1.6. INCORPORACIÓN DE UN CSS EN UN DOCUMENTO HTML ............................................ 12
1.7. TERMINOLOGÍA BÁSICA: REGLAS, SELECTOR, DECLARACIÓN, PROPIEDAD, SEPARADOR
PUNTO, SEPARADOR PUNTO Y COMA, VALOR ......................................................................... 16
1.8. DISPOSITIVOS O MEDIOS CSS (IMPRESOS Y PAGINADOS)………………………………………….17

1.9. COMENTARIOS…………………………………………………………………………………………………….……19

1.10. SINTAXIS DE LA DEFINICIÓN DE CADA PROPIEDAD CSS…………………………………………...19

COMENTARIO FINAL…………………………………………………………………………………………………………………….21

REFERENCIAS……………………………………………………………………………………………………………………………….22

IACC-2020
3
SEMANA 4 – PROGRAMACIÓN WEB I

INTRODUCCIÓN
La WWW (World Wide Web) exige cada día En consecuencia, CSS pronto fue adoptado
mejores y novedosos diseños, junto con como la forma de separar la estructura de la
elementos de funcionalidad. Esta exigencia presentación, constituyendo actualmente la
ha impulsado iniciativas como el uso de las especificación oficial propuesta por el
hojas de estilos en cascada (CSS, Cascading organismo W3C (siglas de World Wide Web
StyleSheets), que son un complemento de Consortium).
HTML, el que permite superar las
limitaciones y reducir la complejidad al Desde entonces, CSS ha crecido y ganado
momento de establecer diseños y importancia, enfocado en las necesidades de
funcionalidades en las miles de páginas los diseñadores, y de manera independiente
existentes. al proceso de evolución de HTML.

Al comienzo, el diseño de páginas web se

En este documento se estudiarán los
realizaban con los atributos dentro de las conceptos básicos de CSS, los métodos para
etiquetas HTML, con el objeto de establecer incorporarlo a páginas HTML y para
estilos esenciales para cada elemento, pero a configurar una diversidad de medios, lo que
medida que el lenguaje evolucionó, la permitirá usar hojas de estilos en el
escritura de códigos HTML se volvió más desarrollo de páginas web.
compleja, por lo que no fue suficiente para
satisfacer las demandas de los diseñadores.

IACC-2020
4
SEMANA 4 – PROGRAMACIÓN WEB I

1. HOJAS DE ESTILO EN CASCADA (CSS) Y DISEÑO HTML

Las hojas de estilos CSS constituyen un método para configurar el aspecto de un documento
HTML, de tal manera que logre separar la definición de los contenidos y la definición de su
aspecto. Entre las ventajas, su aplicación da como resultado documentos HTML bien definidos y
con significado completo, denominados documentos semánticos, mejorando a su vez la
configuración de la accesibilidad del documento, reduciendo la complejidad de su mantenimiento
y, finalmente, permitiendo visualizar el mismo documento en infinidad de dispositivos sin tener
que crear una versión del documento para cada uno.

1.1. DEFINICIÓN
Según (Eguiluz,2017) CSS es un lenguaje de hojas de estilos que se creó con la finalidad de
controlar la presentación de los documentos electrónicos definidos tanto con HTML como con
XHTML, constituyendo la mejor estrategia para lograr la separación de los contenidos y de su
presentación, resultando en la actualidad una herramienta imprescindible al momento de
desarrollar páginas web complejas.

 CSS es un lenguaje de etiquetas que trabaja junto

con HTML para configurar estilos visuales a los
elementos de un documento, como tamaño, color,
fondo, bordes, entre otros.

IACC-2020
5
SEMANA 4 – PROGRAMACIÓN WEB I

1.2. BREVE HISTORIA Y EVOLUCIÓN DE CSS

Para comprender la historia y evolución de CSS, que comenzó en 1970, revisemos la siguiente línea
de tiempo:

Actuali
dad:
CSS
nivel 3
contin
úa en
desarr
1970: Se ollo
planteó la desde
necesidad 1997: el 1998, y
de contar W3C hasta
con un decide el
mecanismo separar mome
para dar los nto,
formatos grupos solo se
variados a 1995: Lie de han
documento y Bos se trabajo: publica
s unieron y HTML, do
electrónicos propusier DOM y borrad
. on CSS CSS. ores.

1995: W3C 1996: 1998: Se

entregó 9 W3C publica la
propuestas, publicó segunda
de las que la recomend
fueron primer ación
seleccionad a oficial,
as dos: recom conocida
CHSS endaci como
(Cascading ón "CSS nivel
HTML Style oficial, 2".
Sheets) de conoci
Håkon da
Wium Lie y como
SSP "CSS
(Stream- nivel
based Style 1".
Sheet
Proposal)
de Bert Bos.

IACC-2020
6
SEMANA 4 – PROGRAMACIÓN WEB I

Los navegadores han requerido de un largo tiempo para la adopción de CSS. La versión actual de
CSS es la 2.1 que corresponde a junio de 2011.

 Se invita a visitar el siguiente enlace, en el que encontrará un video

explicativo para complementar la historia de CSS:

https://bit.ly/2sTLeDs

1.3. SOPORTE DE CSS EN LOS NAVEGADORES

Eguiluz( 2017) refiere que al momento de desarrollar una página web, se debe conocer el soporte
de CSS de cada uno de los navegadores usados, ello garantizará la compatibilidad de la solución.
Para ello, existe un componente encargado de interpretar el código, tanto HTML como CSS, para
así mostrar las páginas desde el motor del navegador. Para lo anterior, es relevante determinar la
versión del motor incorporado y así determinar la compatibilidad deseada.

La siguiente tabla muestra el soporte de CSS 1, CSS 2.1 y CSS 3 de los cinco navegadores más
utilizados por los usuarios:

Navegador Motor CSS 1 CSS 2.1 CSS 3

Completo desde la Todos los selectores,

Google
WebKit versión 85 del Completo pseudo-clases y muchas
Chrome
motor. propiedades.

Todos los selectores,

Completo desde la pseudo-clases y muchas
Internet
Trident versión 7.0 del Completo propiedades a partir de
Explorer
navegador. la versión 10.0 del
navegador.

IACC-2020
7
SEMANA 4 – PROGRAMACIÓN WEB I

Navegador Motor CSS 1 CSS 2.1 CSS 3

Completo desde la Todos los selectores,

Firefox Gecko versión 1.0 del Completo pseudo-clases y muchas
navegador. propiedades.

Completo desde la Todos los selectores,

Safari WebKit versión 85 del Completo pseudo-clases y muchas
motor. propiedades.

Completo desde la Todos los selectores,

Opera Presto versión 1.0 del Completo pseudo-clases y muchas
navegador. propiedades.

Soporte de CCS 1, 2.1 Y 3 de los navegadores más usados

Fuente: https://bit.ly/3aFYf4KA partir de estos datos observamos que los cinco navegadores presentan
compatibilidad total con la versión CSS 2.1.

PREGUNTA

¿Cómo explicarías la importancia de CSS para configurar el aspecto

de un documento HTML?

1.4. ESPECIFICACIÓN OFICIAL

Actualmente, la especificación oficial de CSS es la versión CSS 2.1, actualizada por última vez el 7
de junio de 2011, y que tal como hemos visto en la sección anterior, es totalmente reconocida por
los principales navegadores.

IACC-2020
8
SEMANA 4 – PROGRAMACIÓN WEB I

Si bien es cierto que el desarrollo de la versión CSS 3 se inició hace varios años, no es la
especificación oficial actual, dado que contempla muchos cambios complejos, debiendo ser
implementada primero en los motores de los navegadores.

1.5. FUNCIONAMIENTO BÁSICO DE CSS

Para entender el funcionamiento básico de CSS se revisará un ejemplo que permitirá ver la
diferencia de una página implementada sin etiquetas CSS con otra que sí las incluye. Observemos
el siguiente código, implementado solo con HTML:

Código de ejemplo de página implementada solo con etiquetas HTML

Dicho código genera que la página se visualice de la siguiente manera:

Visualización del código de ejemplo de página implementada solo con etiquetas HTML

En el ejemplo anterior se aprecia el uso de la etiqueta <font> con atributos tales como color, face y
size para definir el color, el tipo y el tamaño de letra de cada elemento de la página.

Lo anterior no reviste ningún problema si son pocos elementos a mostrar, pero para el caso de una
cantidad mayor, se debería insertar la etiqueta <font> en cada uno de ellos, por lo que, si el sitio
web está compuesto por 1000 páginas diferentes, y cada una de ella presenta cerca de 50

IACC-2020
9
SEMANA 4 – PROGRAMACIÓN WEB I

elementos, habría que definir 50000 etiquetas <font>, cada una con tres atributos, para un total
de 150.000, lo que no es óptimo. Adicionalmente, debemos tener presente que el aspecto visual
de los diseños web es actualizado cada cierto tiempo, por lo que realizar un cambio sería una tarea
bastante compleja.

Ahora, veamos cómo se desarrolla la misma página, incorporando el uso de CSS:

Código de ejemplo de página implementada con etiquetas HTML y CSS

En este código se observa que, dentro de la zona de CSS, se indica que todas las etiquetas <h1> de
la página se presentarán de color rojo, con tipo de letra Arial y tamaño de letra grande. Además,
se especifica que tolas las etiquetas <p> se visualizarán de color gris, con letra Verdana y con un
tamaño de letra medio. Observemos a continuación la salida de dicho código:

Visualización del código de ejemplo de página implementada con etiquetas HTML y CSS

A partir del ejemplo anterior, podemos evidenciar que CSS separa los contenidos de la página y la
información sobre su aspecto. Se aprecia que dentro de la propia página HTML se crea una zona
especial en la que se incluye toda la información relacionada con los estilos.

De esta forma, se pueden establecer los mismos estilos con menos esfuerzo, ya que se definen
una única vez y luego se utilizan las veces que se desee en la sección de información de la página,
sin necesidad de incluir atributos y etiquetas adicionales a cada elemento que la contiene.

IACC-2020
10
SEMANA 4 – PROGRAMACIÓN WEB I

Definir los estilos de esta forma ahorra miles de etiquetas y atributos, pero sigue sin ser una
solución ideal, ya que se deberían copiar las mismas reglas CSS en cada página de cualquier sitio
web. Más adelante conoceremos una solución propuesta por CSS.

PREGUNTA

¿Cómo explicarías las diferencias entre una página implementada

sin etiquetas CSS con otra que sí las incluye?

1.6. INCORPORACIÓN DE CSS EN UN DOCUMENTO HTML

Dada la flexibilidad de CSS, existen tres formas diferentes de agregarlo a un documento HTML:

Los estilos se definen

en una zona específica
del documento HTML.
Incluir CSS en el mismo
documento HTML
Recomendada para
especificar un pequeño
grupo de estilos.

Todos los estilos CSS se

Formas de incoración
incluyen en un archivo
de CSS a HTML
de tipo CSS.
Definir CSS en un
archivo externo
Las páginas enlazan el
archivo CSS mediante la
etiqueta <link>.
Incluir CSS en los
elementos HTML

Veamos un ejemplo de cómo incluir CSS en el mismo documento HTML. En este caso, se utilizará
la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sección
<head>).

IACC-2020
11
SEMANA 4 – PROGRAMACIÓN WEB I

EJEMPLO DE TIPO DE CSS INCLUIDO EN ARCHIVO HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ejemplo de estilo CSS dentro del documento HTML</title>
<style type="text/css">
p { color: black; font-family: Verdana; }
</style>
</head>
<body>
<p>En este párrafo se aprecia el estilo aplicado</p>
</body>
</html>

Esta opción es recomendada para los casos en los que debemos especificar un pequeño grupo de
estilos, así como también, cuando se quieren incorporar estilos específicos en una determinada
página. La desventaja radica en que, si se requiere hacer una modificación en los estilos definidos,
es necesario modificar todas las páginas que lo incluyen.

IACC-2020
12
SEMANA 4 – PROGRAMACIÓN WEB I

Ahora, veamos otro código donde se define CSS en un archivo externo, el cual se implementa
desde un archivo de texto simple cuya extensión será .css, pudiendo crearse y utilizarse tantos de
ellos como se requiera. Observemos los pasos para este ejemplo:

 Se crea un archivo de texto y se le añade la siguiente línea en su contenido:

p { color: red; font-family: Verdana; }

 Se guarda el archivo de texto con el nombre ejemplo.css

 En la página HTML se enlaza el archivo CSS externo mediante la etiqueta <link>

EJEMPLO DE TIPO DE CSS DESDE ARCHIVO .CSS ENLAZADO CON LA ETIQUETA

<LINK>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ejemplo de estilos CSS en un archivo externo</title>
<link rel="stylesheet" href="/css/ejemplo.css">
</head>
<body>
<p> En este párrafo se aprecia el estilo aplicado </p>
</body>
</html>

Cuando el navegador carga la página HTML, también descarga los archivos CSS externos
enlazados, mediante la etiqueta <link> y procede a aplicar los estilos al contenido de la página.

Esta es la forma más utilizada, debido a que se puede incluir un mismo archivo CSS en muchas
páginas HTML, garantizando la homogeneidad de estilos en todas las páginas que conforman un
sitio web.

Este método simplifica el mantenimiento del sitio web, ya que un solo cambio, en un único archivo
CSS, permite modificar de forma instantánea los estilos de todas las páginas HTML que enlazan ese
archivo.

También se puede utilizar la etiqueta <style> para enlazar archivos externos, lo que se realiza de la
siguiente manera:

IACC-2020
13
SEMANA 4 – PROGRAMACIÓN WEB I

EJEMPLO DE TIPO DE CSS DESDE ARCHIVO .CSS ENLAZADO CON LA ETIQUETA

<STYLE>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ejemplo de estilos CSS en un archivo externo</title>
<style type="text/css" media="screen">
@import '/css/estilos.css';
</style>
</head>
<body>
<p> En este párrafo se aprecia el estilo aplicado </p>
</body>
</html>

Para incluir en la página HTML los estilos definidos en archivos CSS externos se utiliza una regla
especial de tipo @import, en la que el elemento a importar se puede encerrar en comillas simples
o dobles.

Finalmente, veamos un ejemplo en el que se incluye CSS en los elementos HTML, presentando los
mismos inconvenientes comentados al usar la etiqueta HTML <font>, por lo que prácticamente no
es utilizado:

IACC-2020
14
SEMANA 4 – PROGRAMACIÓN WEB I

EJEMPLO DE TIPO DE CSS INCLUIDO EN LOS ELEMENTOS HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de estilos CSS en el propio documento</title>
</head>
<body>
<p style="color: black; font-family: Verdana;"> En este párrafo se aprecia el estilo
aplicado </p>
</body>
</html>

Este método solo se usa cuando se debe incluir un estilo muy específico para un único elemento
en concreto.

1.7. TERMINOLOGÍA BÁSICA: REGLAS, SELECTOR,

DECLARACIÓN, PROPIEDAD, SEPARADOR PUNTO, SEPARADOR
PUNTO Y COMA, VALOR.
Para comprender la terminología básica de CSS, nos apoyaremos en la observación de la siguiente
imagen, en la que se detallan cada una de las partes de una de las reglas CSS:

Partes de una de las reglas CSS

Fuente: https://bit.ly/2RfUMlN

IACC-2020
15
SEMANA 4 – PROGRAMACIÓN WEB I

En ella aparecen los términos: regla CSS, declaración, selector, propiedad, valor, los que son
definidos por Eguiluz (2017) de la siguiente manera:

Regla: cada uno de los estilos que componen una hoja de

estilos CSS. Cada regla está compuesta de selectores y
declaración y pueden ser un número indefinido de ellas.

Selector: indica el o los elementos HTML a los que se aplica la

regla CSS.

Declaración: especifica los estilos que se aplican a los

elementos y contiene una o más propiedades CSS.

Propiedad: característica que se modifica en el elemento

seleccionado. Ejemplo: tamaño de letra, color de fondo.

Valor: asigna el nuevo valor de la característica modificada en el

elemento.

1.8. DISPOSITIVOS O MEDIOS CSS (IMPRESOS Y PAGINADOS)

En CSS es posible definir diferentes estilos para diversos dispositivos o medios tales como:
pantallas, impresoras, móviles, proyectores, entre otros. Adicionalmente, es posible establecer
propiedades específicas para algunos de los medios, como son el criterio de salto de página para
los medios impresos o el tipo de voz o volumen, para los medios de audio. La siguiente tabla
muestra el nombre que CSS utiliza para identificar cada medio y su descripción:

Medio Descripción
all Todos los medios definidos.
braille Dispositivos táctiles con sistema braille.
embosed Impresoras braille.
handheld Dispositivos de mano: móviles, PDA.
print Impresoras y navegadores en modo "Vista Previa para Imprimir".
projection Proyectores y dispositivos para presentaciones.
screen Pantallas de computador.
speech Sintetizadores para navegadores de voz utilizados por personas discapacitadas.

IACC-2020
16
SEMANA 4 – PROGRAMACIÓN WEB I

tty Dispositivos textuales limitados como teletipos y terminales de texto.

tv Televisores y dispositivos con resolución baja.
Tabla de medios usados en CSS

Fuente: https://bit.ly/30FHthi

De todos los medios que aparecen en la tabla anterior, los más utilizados son screen, usado para
establecer el aspecto de la página en pantalla; y print, para establecer el aspecto de la página al
imprimirla. El hecho de que se pueda modificar los estilos de una página en función del medio en
el que se visualiza es una de las grandes ventajas de CSS.

Existen cuatro formas de indicar el medio en el que se deben aplicar los estilos CSS, las cuales se
presentan en la siguiente tabla:

Método de Descripción Ejemplo

implementación
de medio
Reglas de tipo Indican de forma directa el @media screen {
@media medio o medios en los que se body { font-size: 15px }
aplicarán los estilos de la regla. }
Para especificar el medio en el @media print {
que se aplican los estilos, se body { font-size: 17pt }
incluye su nombre después de }
@media. En caso de que se @media screen, print {
requiera aplicar el estilo a varios body { line-height: 1.2 }
medios, se incluyen los nombres }
de todos los medios separados
por comas.
Reglas de tipo Se especifica el medio en el que @import
@import se aplican los estilos, indicando url("estilos_generales.css")
el nombre del medio después screen;
de la URL del archivo CSS. @import
url("estilos_impresion.css")
print;
Etiqueta <link> Se utiliza, junto con el atributo <link rel="stylesheet"
media, para indicar el medio o type="text/css"
medios en los que se aplican los media="screen"
estilos de cada archivo. href="pantalla.css" />

<link rel="stylesheet"
type="text/css" media="print,
handheld"
href="impresion.css" />

IACC-2020
17
SEMANA 4 – PROGRAMACIÓN WEB I

Mezclando varios Se refiere a la posibilidad de <link rel="stylesheet"

métodos realizar diversas combinaciones type="text/css"
de los tres métodos anteriores media="screen"
en un mismo documento. href="basico.css" />

@import
url("estilos_seccion.css")
screen;

@media print {
/* Estilos específicos para
impresora */
}

Métodos para la especificación de medios desde CSS

Fuente: https://bit.ly/2ui8ono

1.9. COMENTARIOS
Los comentarios son usados para documentar el archivo de estilos CSS, para que el diseñador
incorpore información complementaria de utilidad, siendo ignorados por los navegadores,
proporcionando una estructura organizada de archivos CSS de cierta complejidad. Un comentario
se encierra entre los caracteres /* y /*, tal como se muestra a continuación:

/* Este es un comentario en CSS */

Si la extensión es mayor a una línea, simplemente se escribe todo el texto y luego se cierra en la
última línea con los caracteres */

/*Este es un comentario
extenso que utiliza más de
una línea */

1.10. SINTAXIS DE LA DEFINICIÓN DE CADA PROPIEDAD CSS

Dentro de cada propiedad, es necesario definir los posibles valores que podrá recibir, por lo que,
para indicar la lista de valores permitidos, se siguen las siguientes consideraciones:

IACC-2020
18
SEMANA 4 – PROGRAMACIÓN WEB I

 Si el valor permitido se escribe como una sucesión de palabras sin ningún carácter que las
separe (paréntesis, comas, barras, etc.), el valor de la propiedad se debe indicar tal y como
se muestra y con esas palabras en el mismo orden.

 En caso de separar los valores con una barra simple (caracter |) el valor de la propiedad
debe tomar uno y solo uno de los valores indicados. Por ejemplo, la notación <alto> |
<medio> | bajo indica que la propiedad solamente puede tomar como valor la palabra
reservada bajo o alto o bajo.

 Ahora bien, si se ocupa como separación una barra doble (símbolo ||), el valor de la
propiedad puede tomar uno o más valores de los indicados y en cualquier orden. Además,
el orden en el que se indican los valores es indiferente. Opcionalmente, se pueden utilizar
paréntesis para agrupar diferentes valores.

 Por último, en cada valor o agrupación de valores se puede indicar el tipo de valor:
 Opcional con el caracter ?
 Obligatorio con el caracter + que significa que el valor ocurre una o más veces
o * para indicar que ocurre cero o más veces
 Múltiple o restringido con el siguiente formato {1,3}, indicando que el valor
ocurre mínimo 1 y máximo 3, pudiendo ser cualquier número para ambos
casos.

Veamos algunos ejemplos:

Valor de la propiedad Descripción

[<apellido-materno> , ]* Indica que el valor de tipo <apellido-materno> seguido por una
coma se puede incluir cero o más veces.
[<medida> | grueso| delgado] Indica que se pueden escribir entre 1 y 3 veces un valor que
{1,3} sea o una medida o la palabra grueso o la palabra delgado.
<url>? <color> Significa que la URL es opcional y el color obligatorio y en el
orden indicado.

IACC-2020
19
SEMANA 4 – PROGRAMACIÓN WEB I

COMENTARIO FINAL
Actualmente, la presencia en la web de casi todas las actividades del ser humano es innegable, por
lo que ha sido necesario el desarrollo de herramientas que faciliten la tarea, no solo de su
construcción, sino también de metodologías que faciliten la configuración de estilos a las miles y
miles de páginas disponibles en la WWW.
Es allí donde el lenguaje de estilo CSS tiene, como hemos visto, responsabilidades importantes,
proporcionando métodos para establecer una estructura más organizada a las páginas HTML, o
incluso, contemplando la posibilidad de utilizar archivos de hojas de estilos externos al código
HTML, brindando así una mayor flexibilidad.
De acuerdo con lo revisado durante el presente contenido, hemos evidenciado cómo los
navegadores han incorporado componentes que les permita total compatibilidad con la
especificación oficial (CSS 2.1) y apuntan a lograr, en un futuro, la total compatibilidad con las
versiones más actuales y las que aún están en desarrollo.

IACC-2020
20
SEMANA 4 – PROGRAMACIÓN WEB I

REFERENCIAS
Eguiluz, J. (2017). Introducción a CSS. Recuperado de: https://uniwebsidad.com/libros/css

PARA REFERENCIAR ESTE DOCUMENTO, CONSIDERE:

IACC (2019). Hojas de estilos en cascada (CSS). Programación Web I. Semana 4.

IACC-2020
21
SEMANA 4 – PROGRAMACIÓN WEB I

IACC-2020
22