Trabajo Escrito Parcial 2
Trabajo Escrito Parcial 2
Trabajo Escrito Parcial 2
Grupo: SCO8SA116
Índice
Introducción.................................................2
¿Qué es CSS?...............................................3
¿Cómo funciona CSS?.................................3
Sintaxis del CSS...........................................3
Módulos CSS................................................4
Especificaciones CSS...................................5
Estilos CSS interno, Externo e Inline........6
Ventajas de usar CSS..................................6
Desventajas de usar CSS.............................7
Conclusión....................................................8
Bibliografía...................................................9
Introducción
CSS es un lenguaje que nos permite realizar páginas Web atractivas y
más interactivas para el usuario.
CSS fue desarrollado por World Wide Web Consortium en el año 1996,
por alguna razón muy sencilla. HTML no está diseñado para tener etiquetas
que ayuden a formatear la página.
Por tanto, CSS fue desarrollado por World Wide Web Consortium para
resolver este problema.
De esta forma podemos hacer que nuestras Aplicaciones Web sean más
atractivas visualmente e incluso más cómodas al momento de navegar por
dichas páginas.
¿Qué es CSS?
El CSS es lo que se llama un lenguaje de hojas de estilo en cascada y se
utiliza para estilizar elementos escritos en un lenguaje de marcado como HTML.
Separa el contenido de la representación visual del sitio.
CSS fue desarrollado por W3C en 1996 por una razón muy sencilla. HTML
no fue diseñado para tener etiquetas que ayuden a formatear la página. Está
hecho solo para escribir el marcado para el sitio.
Se incluyeron etiquetas como <font> en HTML versión 3.2, y esto les causó
muchos problemas a los desarrolladores. Dado que los sitios web tenían
diferentes fuentes, fondos de colores y estilos, el proceso de reescribir el código
fue largo, doloroso y costoso. Por lo tanto, CSS fue creado por W3C para resolver
este problema.
La relación entre HTML y CSS es muy fuerte. Dado que HTML es un
lenguaje de marcado y CSS enfatiza el estilo, van de la mano.
CSS no es técnicamente una necesidad, pero no querrás tener un sitio que
solo tenga HTML, ya que se vería completamente desnudo.
p{
color: black;
}
Módulos CSS
Como hay tantas cosas que se podrían diseñar usando CSS, el lenguaje se
divide en módulos. Verás referencias a estos módulos a medida que explores en
MDN y observarás que muchas de las páginas de documentación están
organizadas en torno a un módulo en particular. Por ejemplo, puedes echar un
vistazo a la referencia MDN del módulo Fondos y bordes para averiguar cuál es su
propósito, qué otras propiedades y características diferentes contiene. También
encontrarás enlaces a la especificación CSS que define la tecnología.
En esta fase, no debes preocuparte demasiado sobre cómo se estructura el
CSS, sin embargo, puede facilitarte la búsqueda de información si, por ejemplo,
sabes que es probable que cierta propiedad se encuentre entre otras similares y,
por lo tanto, en la misma especificación.
Volvamos al módulo de Fondos y bordes para un ejemplo específico:
puedes pensar que tiene lógica que las propiedades background-color y border-
color se definan en este módulo. Y llevas toda la razón.
Especificaciones CSS
Todas las tecnologías de estándares web se definen en extensos
documentos denominados especificaciones, publicados por organizaciones de
estándares que definen con precisión cómo se supone que deben comportarse
esas tecnologías.
El caso de CSS no es diferente: lo desarrolla un grupo del W3C llamado
CSS Working Group. Este grupo está compuesto por representantes de
proveedores de navegadores y otras compañías interesadas en CSS. También
hay otras personas, conocidas como expertos invitados, que actúan como voces
independientes y no están vinculados a ninguna organización.
El CSS Working Group desarrolla o especifica características nuevas del
CSS. Algunas veces lo hacen porque un navegador en particular está interesado
en alguna capacidad, otras porque los diseñadores y desarrolladores web piden
una característica, y otras porque el grupo ha identificado un requisito. El CSS
está en desarrollo constante y todos los días presenta nuevas características
disponibles. Sin embargo, un elemento clave sobre el CSS es que toda la
comunidad se esfuerza mucho en no cambiar nunca nada que pueda perjudicar
los sitios web antiguos. ¡Un sitio web creado en el año 2000, que utiliza el poco
CSS disponible que había en ese momento, aún debería poder utilizarse hoy en
día!
Como recién llegado al CSS, es probable que encuentres las
especificaciones abrumadoras: están destinadas a que los ingenieros las utilicen
para implementar soporte de sus características en los agentes de usuario en que
CARLOS MANUEL HERNANDEZ LARA 5
Universidad Mexicana
UNIMEX
trabajan, no para que lo lean los desarrolladores web para comprender el CSS.
Muchos desarrolladores experimentados preferirán consultar la documentación
disponible en MDN u otros tutoriales. Sin embargo, vale la pena saber que existen
y comprender la relación que hay entre el CSS que estás utilizando, el soporte del
navegador y las especificaciones.
Quizás hayas visto algún sitio web que no se puede cargar por completo y
tiene un fondo blanco con la mayor parte del texto en azul y negro. Eso
significa que la parte CSS del sitio no se cargó correctamente o no existe.
Así es como se ve un sitio con solo HTML, y creo que estarás de acuerdo
conmigo en que no luce muy bien.
CSS te permite tener múltiples estilos en una página HTML, y esto hace que
las posibilidades de personalización sean casi infinitas. Hoy en día, esto se
está volviendo una necesidad más que algo básico.
Más peso. Agregar una hoja de estilos de reset agrega peso a la página,
aumentando ligeramente su tiempo de carga.
Conclusión
En internet podemos encontrar miles de paginas web las cuales con tan
solo entrar por poco tiempo ya se vuelve aburrido e incluso cansado a la vista.
Esto se debe a que estas paginas solo trabajan con HTML puro e incluso
PHP pero no implementan ningún tipo de diseño.
Pero claro no solo es decir que vamos a implementar las hojas de estilos
ya que esto suena fácil pero también debemos tener idea de como hacerlo,
tener en cuenta las sin fin de posibilidades en cuanto a diseño que las hojas de
estilos nos ofrecen.
Debemos de saber que CSS se puede combinar con Bootstrap para que
el diseño se vuelva más completo.
Para ellos debemos hacer la hoja de estilo la cual nos permitirá crear las
mismas características en una sola sintaxis y a cualquier etiqueta que
seleccionemos con el mismo identificador o clase.
Bibliografía
¿Qué es el CSS? - Aprende sobre desarrollo web | MDN. (2023, 9 marzo).
https://developer.mozilla.org/es/docs/Learn/CSS/First_steps/What_is_CSS