Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
18
Bachillerato Tecnológico
Ingeniería de Software II
Componentes de un estilo CSS básico
CSS
Cascading Style Sheets
¿Qué es CSS?
Mtra.Maria del Pilar Amador Alarcón
¿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. Separar la definición de los contenidos y la definición de su aspecto presenta numerosas
ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo
documento en infinidad de dispositivos diferentes.
HISTORIA CSS
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que
permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos.
El gran impulso de los lenguajes de 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. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la
creación de documentos con la misma apariencia en diferentes navegadores.
HISTORIA DE CSS
HISTORIA CSS
HISTORIA DE CSS
Los creadores de CSS fueron
Håkon Wium Lie Bert Bos.
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).
En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel 1".
Componentes de un estilo CSS básico
CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS.
El siguiente esquema muestra las partes que forman un estilo CSS muy básico:
Ejemplo estructura básica css
▪ 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: permite modificar el aspecto de una característica del elemento.
▪ Valor: indica el nuevo valor de la característica modificada en el elemento.
Definición de elementos -estructura
Ejemplo de la aplicación de una estructura básica en un archivo HTML
Ejemplo de un estructura básica CSS
Ejemplo en Web
Ejemplo en Web
Implementación de CSS en etiquetas h's en HTML
Implementación de CSS en HTML
Para darle estilo a nuestra etiqueta h1 se asigna el estilo por medio de la etiqueta style="color: red;" para el tipo de letra se define con font-family: Verdana;"
Nosotros podemos definir el color que queramos así como el tipo de letra para nuestras etiquetas h's
Implementación
de CSS en HTML
en párrafos
Implementación
de CSS en HTML
en párrafos
Para darle estilo a nuestra etiqueta <p> se asigna el estilo por medio de la etiqueta style="color: red;" para el tipo de letra se define con font-family: Verdana;"
Nosotros podemos definir el color que queramos así como el tipo de letra para nuestras etiquetas <p>
Actividad a realizar
Actividad
FECHA MÁXIMA DE ENTREGA : 27 DE ABRIL de 2020
- Aplicar estilo en el archivo HTML que ya realizaron sobre ustedes,
- Aplicar el color y el tipo de letra a cada etiqueta h y a cada párrafo.
- El nombre del archivo es "su_nombre_css1.html"
- El archivo de guarda con extension .html .
- Se enviara el archivo html y un documento word con las capturas de evidencia de la salida WEB.
Bibliografía
[1] Eguíluz Javier , (2009) Introducción a CSS.