Cómo funciona CSS Aprende desarrollo web MDN
Comprender el DOM te ayuda a diseñar, depurar y mantener tu https://www.votatuprofesor.com/blog/1463-que-tecnologias-afectaran-el-futuro-del-desarrollo-web-aprende-todo-sobre-esta-profesion-en-un-curso-online 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.
¿Cómo funciona realmente el 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í.
CSS Tutorials
Es algo que cualquier estudiante suele tener claro cuando está aprendiendo curso de desarrollo web, 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.
Partes principales del CSS
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 CSS 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.
- Ten en cuenta que este es un modelo muy simplificado de lo que sucede cuando un navegador carga una página web y que cada navegador gestiona el proceso de manera diferente.
- El atributo href del elemento tiene que hacer referencia a un archivo de tu sistema de archivos.
- El CSS se puede usar para estilos de texto muy básicos como, por ejemplo, cambiar el color y el tamaño de los encabezados y los enlaces.
- Esta página enlista todo el contenido, con una descripción corta.
Cajas, cajas, todo se trata de cajas
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.
Módulos
- CSS viene de las iniciales de “Cascading Style Sheets”, que traducimos por “Hojas de estilo en cascada”.
- Las hojas de estilo en cascada llegaron al mundo de la web bastante más tarde que el lenguaje HTML.
- Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor.
- Uso de CSS para resolver problemas comunes proporciona vínculos a secciones que explican cómo usar CSS para resolver problemas comunes cuando se está creando una página web.
- Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.