Antecedentes y programación de
hojas de CSS3 y efectos especiales.
José Omar Mendoza Ledesma 274817
Oscar Pérez Tamayo 267972
Mónica Socorro Mariano Sánchez 278853
Héctor Eduardo Osorio Avilés 267969
¿Qué es CSS? CSS es un lenguaje de hojas de estilos
creado para controlar el aspecto o
presentación de los documentos
electrónicos definidos con HTML y
XHTML.
CSS es la mejor forma de separar los
contenidos y su presentación y es
imprescindible para crear páginas web
complejas.
-Las hojas de estilos aparecieron poco
después que el lenguaje de etiquetas
SGML, alrededor del año 1970.
Antecedentes de
-El gran impulso de los lenguajes de
CSS hojas de estilos se produjo con el
boom de Internet y el crecimiento
exponencial del lenguaje HTML para la
creación de documentos electrónicos.
-El organismo W3C (World Wide Web
Consortium) propuso la creación de un
lenguaje de hojas de estilos específico
para el lenguaje HTML y se
presentaron nueve propuestas.
-Las dos propuestas que se tuvieron en
cuenta fueron la CHSS (Cascading
HTML Style Sheets) y la SSP (Stream-
based Style Sheet Proposal).
-Entre finales de 1994 y 1995 Lie y Bos
se unieron para definir un nuevo
lenguaje que tomaba lo mejor de cada
propuesta y lo llamaron CSS
(Cascading Style Sheets).
Funcionamiento Antes de que se generalizó el uso de
CSS, los diseñadores de páginas web
Básico de CSS utilizaban etiquetas HTML especiales
para modificar el aspecto de los
elementos de la página. El siguiente
ejemplo muestra una página HTML
con estilos definidos sin utilizar CSS:
HTML
-El ejemplo anterior utiliza la etiqueta
<font> con sus atributos color, face y
size para definir el color, el tipo y el
tamaño de letra de cada elemento de la
página.
-El problema de utilizar este método
para definir el aspecto de los elementos
se puede ver claramente con el
siguiente ejemplo: si la página tuviera
50 elementos diferentes, habría que
insertar 50 etiquetas <font>.
Con CSS
-CSS permite separar los contenidos
de la página y la información sobre su
aspecto.
-Utilizando CSS, se pueden establecer
los mismos estilos con menos
esfuerzo y sin ensuciar el código HTML
de los contenidos con etiquetas
<font>.
Cómo incluir CSS a Una de las principales características
de CSS es su flexibilidad y las
un documento diferentes opciones que ofrece para
HTML realizar una misma tarea. De hecho,
existen tres opciones para incluir CSS
en un documento HTML.
Incluir CSS en el Los estilos se definen en una zona
mismo documento específica del propio documento
HTML. Se emplea la etiqueta <style>
de HTML y solamente se pueden
incluir en la cabecera del documento
(sólo dentro de la sección <head>).
Definir CSS en un En este caso, todos los estilos CSS se
incluyen en un archivo de tipo CSS que
archivo externo las páginas HTML enlazan mediante la
etiqueta <link>. Un archivo de tipo CSS
no es más que un archivo simple de
texto cuya extensión es .css
Incluir CSS en los
El último método para incluir
elementos HTML
estilos CSS en documentos
HTML es el peor y el menos
utilizado, ya que tiene los
mismos problemas que la
utilización de las etiquetas
<font>.
Glosario Básico -Regla: cada uno de los estilos que
componen una hoja de estilos CSS.
Cada regla está compuesta de una
parte de "selectores", un símbolo de
"llave de apertura" ({), otra parte
denominada "declaración" y por último,
un símbolo de "llave de cierre" (}).
-Selector: indica el elemento o
elementos HTML a los que se aplica la
regla CSS.
-Declaración: especifica los estilos que
se aplican a los elementos. Está
compuesta por una o más propiedades
CSS
-Propiedad: característica que se
modifica en el elemento seleccionado,
como por ejemplo su tamaño de letra,
su color de fondo, etc.
-Valor: establece el nuevo valor de la
característica modificada en el
elemento.
