La ventaja de los frameworks basados en clases de utilidad es que el diseño que se consigue con ellos es totalmente único para cada sitio web, pero sin embargo la desventaja es que usan muchas clases para poder aplicar estilo a los elementos de la página. Por poner un par de ejemplos, se tenía que usar capas anidadas a varios niveles para conseguir cosas como los bordes redondeados, Javascript para conseguir tamaños de fuentes adaptables, imágenes con transparencia en canal alfa (PNG) para conseguir sombras, etc. Al final conseguir un diseño medianamente atractivo y homogéneo a lo largo de los navegadores solo con curso de desarrollo web era muy complicado y se tenía que continuar variando el HTML o el Javascript para solucionar sus carencias. Además CSS 1 había sido presentado con bastantes carencias, lo que hizo que se tuviera que presentar un nuevo estándar rápidamente. Así fue como sería liberado como recomendación CSS 2 pasado apenas un año, en 1998. Las propiedades de CSS son todas aquellas características de los elementos a las que podemos aplicar estilo.
Partes principales del CSS
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 (ver más abajo). Sin embargo, Internet sería un lugar muy aburrido si todas las páginas web se vieran así.
- Ya hemos visto muchos de los conceptos que aparecen en este artículo; puedes volver para recapitular si más adelante encuentras conceptos confusos.
- Aunque fue propuesto en 1994 el primer estándar no llegaría hasta prácticamente entrado 1997.
- También aprenderemos más sobre cómo el navegador interpreta el CSS.
- Con todo entramos en una etapa oscura en la que CSS no llegó a cubrir totalmente sus objetivos.
- La idea de CSS es la de utilizar el concepto de separación de presentación y contenido.
- CSS aporta un valor añadido a HTML y no podrás aprender CSS sin controlar HTML.
Frameworks CSS
Comprender el DOM te ayuda a diseñar, depurar y mantener tu CSS porque en el DOM es donde tu CSS se encuentra con el contenido del documento. Cuando comiences a trabajar con las herramientas DevTools (o herramientas del desarrollador) del navegador, te moverás por el DOM mientras seleccionas elementos con el fin de ver qué reglas se aplican. Los frameworks CSS permiten por tanto un desarrollo optimizado, que además es muy útil en proyectos empresariales, donde sea necesario seguir una misma línea de diseño por varios desarrolladores. La aparición de CSS 3 sólo se materializó en el año 2014 con el movimiento de HTML 5. Vendría a aportar soluciones a la mayoría de las necesidades de los diseñadores y a permitir finalmente cubrir el objetivo principal del lenguaje, la separación del contenido de la presentación. No obstante cabe decir que CSS 3 se presentó por medio de un nutrido grupo de especificaciones, que han ido mejorándose e incrementándose hasta la fecha, por lo que no es tanto un lanzamiento puntual, sino una continua mejora del estándar a diversos niveles.
Resolución de problemas con CSS
Es algo que cualquier estudiante suele tener claro cuando está aprendiendo https://www.votatuprofesor.com/blog/1463-que-tecnologias-afectaran-el-futuro-del-desarrollo-web-aprende-todo-sobre-esta-profesion-en-un-curso-online, ya que al enseñar HTML probablemente se haya insistido, pero que siempre conviene reforzar. Se recomienda trabajar el módulo Primeros pasos en la Web antes de entrar a este tema, aunque no es completamente necesario; gran parte de lo tratado en el artículo de CSS básico también se trata en el módulo de introducción a CSS, aunque con mucho más detalle. Se recomienda aprender HTML y CSS al mismo tiempo, trabajando de forma conjunta ambas disciplinas. CSS aporta un valor añadido a HTML y no podrás aprender CSS sin controlar HTML. El atributo href del elemento tiene que hacer referencia a un archivo de tu sistema de archivos.
- Cuando comiences a trabajar con las herramientas DevTools (o herramientas del desarrollador) del navegador, te moverás por el DOM mientras seleccionas elementos con el fin de ver qué reglas se aplican.
- Estos selectores obtienen las imágenes que tengan el atributo alt y los párrafos que tengan la clase “desactivado”.
- La ventaja de los frameworks basados en componentes es que te dan mucho trabajo de estilos ya prefabricados, con temas de diseño muy definidos.
- A partir de este punto el mundo de los estándares abiertos para la web tuvo un parón generalizado.
color: black;
En lecciones posteriores veremos muchas más formas de cómo admitir navegadores diferentes. Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas. La idea de CSS es la de utilizar el concepto de separación de presentación y contenido.
