Introducción a CSS

[MÚSICA] 0:00 Hola, mi nombre es Anwar. 0:09 Soy diseñador, desarrollador 0:11 Mis pronombres son él/le. 0:15 En este curso, vamos a 0:17 una de las tecnologías principales para diseñar 0:20 No importa qué tipo de sitio web o 0:27 tendrás que usar CSS. 0:31 Si no has escrito mucho CSS, o 0:34 incluso si nunca has escrito 0:36 Para eso es este curso. 0:41 Comenzaremos con conceptos básicos de CSS, 0:43 luego progresaremos gradualmente a temas 0:45 Pero antes de sumergirse en CSS, es 0:51 de HTML y 0:55 Si no estás familiarizado con HTML, 0:59 luego reúnete conmigo aquí 1:05 Entonces, ¿qué es exactamente CSS, 1:08 y por qué se considera 1:11 CSS significa Hojas de Estilo en Cascada, 1:15 la presentación de páginas web. 1:18 Como es posible que hayas aprendido en cursos anteriores, 1:24 capas diferentes que trabajan juntas 1:29 Hay una capa de contenido, una capa de presentación 1:34 La capa de contenido es HTML, la base estructural 1:40 Contenido como encabezados, 1:46 enlaces e imágenes están 1:51 La capa de comportamiento normalmente 1:56 que proporciona 2:00 Y CSS es lo que maneja la 2:04 controlando la apariencia 2:09 Usamos nuestras hojas de estilo para 2:12 tamaños de fuente, fondos, 2:17 CSS también nos permite adaptar nuestro 2:22 tamaños de pantalla y resoluciones. 2:27 A medida que avanzamos, 2:31 mantener estas tres capas 2:34 HTML para contenido, CSS para 2:37 En los días anteriores a que se 2:44 los desarrolladores tenían que incrustar 2:46 en el HTML para controlar el 2:51 Aunque técnicamente sigue siendo 2:56 tu estructura y 2:59 Hay dos razones importantes 3:03 Escribir HTML semántico significa 3:08 para el trabajo. Al elegir un elemento HTML, es importante 3:12 preguntarte cuál es el propósito de este contenido, 3:16 no cómo debería verse este contenido. 3:20 El HTML semántico adecuado hará que tu contenido sea más significativo, 3:24 más accesible y más fácil de encontrar usando un motor de búsqueda. 3:28 HTML nunca fue pensado para ser un lenguaje de presentación. 3:34 Entonces, definir la presentación en el HTML crea un 3:39 flujo de trabajo ineficiente. Imagina tener que editar manualmente decenas o 3:42 cientos de archivos HTML para hacer un cambio de estilos. CSS hace 3:48 que el desarrollo y el mantenimiento de sitios web sean más eficientes porque 3:53 los estilos escritos en una sola hoja de estilos pueden compartirse entre 3:58 múltiples páginas web. Un cambio en un archivo CSS, como ajustar el 4:02 color de fondo, puede reflejarse en todas las páginas de tu sitio web o aplicación. 4:08 Y lo emocionante es que CSS continúa evolucionando. 4:14 Efectos visuales sofisticados como esquinas redondeadas, sombras de texto y cuadros, 4:18 gradientes e incluso animaciones se han incorporado a CSS hace algún tiempo. 4:24 CSS también incluye diseños de múltiples columnas, cuadrículas y Flexbox diseñados 4:30 para mantener tus diseños flexibles y legibles en una variedad de pantallas y dispositivos. 4:35 A medida que llegan nuevas tecnologías, 4:43 CSS continuará agregando características para ayudarte a enfrentar los últimos desafíos. 4:45 Es un excelente momento para aprender CSS. 4:50