Одну секунду
Что-то сучилось. Попробуйте еще раз.
Aprender css смотреть последние обновления за сегодня на .
Todos mis cursos con $100 de descuento el primer año aquí: 🤍 Mi música libre de copyright para youtube y twitch: En Spotify: 🤍 En Apple Music: 🤍 Mi web: 🤍nicolas-schurmann.com Discord: Discord: 🤍 Twitter: 🤍 Instagram: 🤍 Imágenes descargables: 🤍 Código HTML descargable para proyecto final: 🤍 Contenido: 0:00 Introducción 1:35 Teoría 4:03 Primeros pasos 6:05 Carga de estilos CSS 12:39 Selectores 23:37 Comentarios 25:44 Colores, valores y convenciones 32:00 Border 34:41 Border en profundidad 37:21 Unidades de medida 44:19 Background 56:11 Box model, margin, padding, overflow 01:04:56 outline, text-align, text-decoration, text-shadow 01:08:52 Fuentes custom 01:11:34 Links y sus estados 01:15:15 Listas 01:18:48 Tablas 01:24:13 Display, max-width y position 01:35:01 Float 01:43:11 inline-block 01:45:19 Centrar un elemento 01:47:27 Proyecto: Dando estilo al blog de HTML 02:04:29 Fin de curso, felicitaciones y mensaje final Todos mis cursos: Curso gratuito de vim!: 🤍 Curso gratuito de GIT: 🤍 Curso gratuito de HTML: 🤍 Curso gratuito de CSS: 🤍 Curso gratuito de SQL: 🤍 Curso gratuito de Docker: 🤍 React - La guía definitiva: 🤍 Python sin fronteras: 🤍 Aprende Javascript ES9, HTML, CSS3 y NodeJS desde cero: 🤍 Testing con jest y enzyme 🤍 react native sin fronteras 🤍 Patrones de diseño en javascript: 🤍 Como implementar SCRUM con XP en tu proyecto o empresa 🤍 TDD en nodeJS, guia de test con jest 🤍 Serverless RESTFul API con NodeJS: guía fácil y definitiva 🤍 React, Redux, Typescript, Firebase: Fullstack Serverless 🤍 ReactJS y redux: experto en frontend en español 🤍
Você já sofreu com CSS? Reclama todo dia quando precisa mexer? Então se você quer aprender e parar de sofrer esse vídeo é pra você! Em menos de 20 minutos eu vou fazer a tour que faltava pra você entender o que você precisa aprender de CSS pra começar a fazer qualquer layout, a proposta é audáciosa mas o conteúdo ta SENSACIONAL! Então pega a pipoca, solta o play e vamo que vamo! 🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!) ■ Vídeos do Marco Bruno: 🤍 ■ Mastering markdown: 🤍 ■ Quer ajudar a fortalecer a firma pra valer? aproveita meu cupom da Alura! 🤍 ■ Quer receber 7 dicas toda segunda pra ler em 2 minutinhos? 🤍 ■ Sabia que eu tenho uma lojinha? 🤍 🔸 Quer ver mais conteúdos meus? Segue ai! ■ 🤍 ■ 🤍 ■ 🤍 🔸 Sabia que eu tenho séries na Alura também? ■ 🤍 ■ 🤍 #CSS #FrontEnd #ComoAprenderCSS
📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: 🤍 ★ Nossos Cursos: 🤍 ★ Artigo sobre HTML: 🤍 Arquivos deste curso (imagens): 🤍 ★ Curso HTML e CSS: O Início - 🤍 ★ Curso HTML e CSS: Técnicas Avançadas - 🤍 - O que é CSS? CSS ou CSS3 não é uma linguagem de programação, e sim uma linguagem de estilos, estilização Apesar de ter alguns recursos que são presentes em linguagens de programação, e estar bem mais perto de ser do que o HTML Ainda faltam elementos fundamentais para ser considerada uma, é bom lembrar que a cada dia são adicionados mais recursos, quem sabe futuramente não seja possível programar com CSS? xD CSS é um acrônimo de Cascading Style Sheets, ou seja, folhas de estilo em cascata Por causa da possibilidade de adicionar novas folhas de estilos que vão sobrepondo os estilos da antiga, formando um efeito cascata Frequentemente utilizada em projetos web, faz parte da tríade fundamental: HTML, CSS e JavaScript Qualquer site web leva HTML para transmitir dados e informações, e consequentemente precisa de estilos para ficar bonito, se não todos os sites seriam iguais Editor para programar em CSS Para seguir os exemplos deste artigo sugiro que você tenha um editor de código na sua máquina, como o VS Code Ele é o mais utilizado hoje em dia, recebe atualizações frequentes e é totalmente gratuito ★ Livros recomendados: 🤍 ▶ Instagram: 🤍horadecodar ▶ GitHub: 🤍 🔷 Telegram: 🤍 . 🟣 Discord Hora de Codar: 🤍
¿Queres hacer una página web con HTML, CSS y JavaScript? Este es el curso de CSS desde cero a experto que vas a terminar, te prometo que no te vas a aburrir durante el aprendizaje de este curso de CSS 3, vas a aprender CSS facil. * MENU DEL CURSO * 0:00 - Introducción 5:05 - Comienzo del Curso 8:10 - Editor de texto 17:55 - Estructura 20:26 - Selectores 39:57 - Especificidad 52:33 - Metodología BEM 59:05 - Unidades 1:09:00 - Propiedades de Texto 1:14:20 - Tipografías externas 1:18:18 - Normalize 1:25:10 - Cajas 1:33:17 - Padding 1:39:07 - Width y Height 1:39:26 - Box Sizing 1:41:53 - Margin 1:44:10 - Bordes 1:47:03 - Box Model 1:49:41 - Sombras 1:55:32 - Outline 2:05:28 - Position 2:06:56 - Position Static 2:08:19 - Position Relative 2:13:56 - Z Index 2:23:10 - Position Absolute 2:39:37 - Position Fixed 2:44:28 - Position Sticky CSS Intermedio 2:47:19 - Display 2:55:30 - Overflow 3:02:06 - Float 3:10:19 - Pseudoelementos 3:24:05 - Pseudoclases 3:43:42 - Objet Fit 3:52:35 - Objet Position 3:53:58 - Cursor 3:56:31 - Colorización (ColorName, Hex, RGB/A) 4:09:53 - Conceptos Básicos de Responsive 4:18:25 - Menu Responsive 4:46:44 - Introducción a Flexbox 4:48:55 - Conceptos de Flexbox 4:53:23 - Display Flex 4:57:14 - Flex direction 5:01:55 - Flex wrap 5:06:20 - Alineacion en Flex 5:21:10 - Flex Grow 5:25:47 - Flex Basis 5:27:29 - Flex Shrink 5:36:15 - Order 5:40:22 - Formulario con Flex 6:05:00 - Conceptos de Grid 6:15:47 - Display Grid 6:17:44 - Grid Templates 6:20:26 - Medidas especiales de Grid 6:23:30 - Grid Gap 6:25:15 - Asignación de espacios 6:34:06 - Repeat() 6:38:41 - Grid Implícito y Explícito 6:40:51 - Grid Auto 6:48:41 - Grid Dinámico 6:59:16 - Alineación en Grid 7:15:49 - Galería en Grid 7:23:17 - Grid Areas 7:31:09 - Nombrar Grid Lines 7:37:14 - Grid Shorthands 7:40:06 - Responsive Design 7:57:01 - Estructura Responsive Básica CSS Avanzado 8:08:09 - Transition 8:23:31 - Animaciones 8:36:50 - Cubic Bezier 8:42:21 - Transform 8:49:21 - Clip Path 8:55:34 - Background 9:07:00 - Variables 9:11:47 - Filtros 9:21:24 - Práctica con Filter 9:24:34 - Direction 9:25:51 - Letter Spacing 9:26:36 - Scroll Behavior 9:28:42 - User Selected 9:31:20 - Práctica Final 9:40:11 - Continua Aprendiendo * Enlaces * Cursor: 🤍 Font Awesome: 🤍 Transform: 🤍 Códigos de Colores: 🤍 Generador de Cubic Bezier: 🤍 Generador de Clip Path: 🤍 Generador de Box-Shadows: 🤍 Selectores: 🤍 * ACLARACIONES Por ahora NINGUNA... * INSTAGRAM * El mio (seguime) : 🤍 * HOSTING RECOMENDADO * Hostinger: 🤍 (Con mi codigo de descuento SOYDALTO obtienen descuentos)
Entre no nosso discord para aprender mais: 🤍 Instagram: 🤍 Twitter: 🤍
⭐ Aprende todo de CSS aquí 👉 🤍 🔥 Suscríbete: 🤍 🎓 Cursos online de desarrollo web: 🤍 📰 Blog: 🤍 📧 Newsletter: 🤍 📷 Instagram: 🤍 📑 Facebook: 🤍 🐦 Twitter: 🤍 👨💼 LinkedIn: 🤍 🎵 TikTok: 🤍 🧢 Mi gorra: 🤍 💻 Mi PC: 🤍 ⚒️ Mi setup: 🤍 🌐 Hosting que recomiendo 👉 🤍 🖥️ Servidor VPS recomendado 👉 🤍 (Cupón de descuento extra para ambos: VICTORROBLESWEB) 👕 Mi ropa con diseños geek originales 👉 🤍 👕 Aprende lo fundamental de la maquetación web y de CSS. El lenguaje de hojas de estilo más usado, más estandar y más demandado actualmente que nos permite dar estilos y forma a una web. Te enseñaré como empezar en CSS y como trabajar con selectores, propiedades, fondos, colores, floats, maquetación y mucho más. Todo en 15 minutos, desde cero y paso a paso. Espero que te guste mucho el vídeo 😄 Aprende más en mi blog: 🤍 #victorroblesweb
En este curso aprenderás los fundamentos de HTML y CSS paso a paso con ejemplos detallados. (Haz clic en "Show More" para ver los temas del curso). ✏️ Curso creado por Estefania Cassingena Navone. Síguela en Twitter 🤍 💻 Código en GitHub: 🤍 ⭐️ Contenido del Curso ⭐️ HTML ⌨️ (00:00:00) Inicio del Curso ⌨️ (00:00:37) Introducción a HTML y CSS ⌨️ (00:04:09) Herramientas de Desarrollo de Chrome ⌨️ (00:06:33) Editores de Código ⌨️ (00:10:52) Crear un Archivo HTML ⌨️ (00:15:22) Elementos y Etiquetas ⌨️ (00:26:14) Especificar Idioma ⌨️ (00:28:18) Crear Encabezados ⌨️ (00:32:45) Párrafos ⌨️ (00:36:47) Buscar en la Documentación ⌨️ (00:40:23) Comentarios en HTML ⌨️ (00:44:24) Elemento main ⌨️ (00:47:39) Indentación ⌨️ (00:51:12) Imágenes y Atributos ⌨️ (00:59:12) Crear Enlaces Externos ⌨️ (01:04:10) Enlaces a secciones internas ⌨️ (01:12:08) Enlaces con imágenes ⌨️ (01:15:40) Crear enlaces con # ⌨️ (01:18:56) Listas no ordenadas ⌨️ (01:23:12) Listas ordenadas ⌨️ (01:27:08) Etiqueta strong ⌨️ (01:28:19) Text en cursiva ⌨️ (01:29:26) Texto Tachado ⌨️ (01:30:49) Línea Horizontal ⌨️ (01:32:28) Crear formularios ⌨️ (01:35:38) Texto Marcador de Posición ⌨️ (01:37:22) Crear un campo obligatorio ⌨️ (01:39:19) Botones de Radio ⌨️ (01:45:24) Grupo de Botones de Radio ⌨️ (01:47:00) Salto de Línea ⌨️ (01:49:48) Casillas de Verificación ⌨️ (01:55:28) El atributo 'checked' ⌨️ (01:57:06) El atributo 'value' ⌨️ (02:00:41) Elementos div ⌨️ (02:03:16) Pie de Página ⌨️ (02:05:44) Etiqueta small ⌨️ (02:06:42) Head CSS ⌨️ (02:09:22) Introducción a CSS ⌨️ (02:10:50) Tres Opciones para CSS ⌨️ (02:14:55) Estilos en Línea ⌨️ (02:18:10) Elemento style ⌨️ (02:23:11) Archivo CSS ⌨️ (02:29:25) Selectores CSS ⌨️ (02:33:13) Selectores de Clase ⌨️ (02:41:20) Tamaño de Fuente ⌨️ (02:48:14) Familias Tipográficas ⌨️ (02:55:09) Google Fonts ⌨️ (03:00:38) Especifica cómo deben degradarse las fuentes ⌨️ (03:03:52) Cambiar el tamaño de las imágenes ⌨️ (03:07:23) Añade bordes alrededor de un elemento ⌨️ (03:12:36) Esquinas redondeadas ⌨️ (03:14:06) Imágenes redondeadas ⌨️ (03:15:46) Color de fondo de un div ⌨️ (03:18:58) Atributo id en CSS ⌨️ (03:25:46) Padding ⌨️ (03:30:37) Padding a cada lado ⌨️ (03:32:12) Padding en una línea ⌨️ (03:33:52) Margen ⌨️ (03:37:37) Ajustar el margen ⌨️ (03:39:26) Margen en una línea ⌨️ (03:41:49) Padding vs. Margin ⌨️ (03:46:15) Selectores de Atributo ⌨️ (03:56:59) Unidades absolutas y relativas ⌨️ (04:09:56) Aplicar estilos a body ⌨️ (04:12:50) Prioriza un estilo sobre otro ⌨️ (04:21:02) Prioridad de class vs. id ⌨️ (04:25:36) Prioridad de los estilos en línea ⌨️ (04:29:14) Códigos hexadecimales para colores ⌨️ (04:35:03) Abreviar códigos hexadecimales ⌨️ (04:39:33) Valores RGB para colores ⌨️ (04:45:23) Variables en CSS ⌨️ (04:52:44) Crear variables en CSS ⌨️ (04:56:47) Valores de respaldo ⌨️ (05:02:09) Compatibilidad con distintos navegadores ⌨️ (05:09:42) Heredar variables CSS ⌨️ (05:12:44) Cambiar variables para un área específica ⌨️ (05:15:09) Fin del curso 💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: 🤍 ✍️ Lee cientos de artículos de programación de forma gratuita: 🤍 🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: 🤍
👉Hoy voy a darte consejos para que no te agobies al aprender sobre HTML y CSS respondiendo a preguntas como: ¿tengo que saberlo todo? ¿tengo que saberme todas las etiquetas? 🔖 TODOS los vídeos de esta SERIE ✔️ PASOS a la hora de MAQUETAR 🤍 ✔️ ERROR más HABITUAL en CSS 🤍 ✔️ APRENDER sin AGOBIOS 🤍 ✔️ 6 CONSEJOS para ESTUDIAR 🤍 Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊 _ 📹Otros vídeos de mi canal 😊 Vídeos recomendados 🤍 🚀ROADMAP Desarrollo WEB 🤍 🤯 Explicando Web de forma diferente 🤍 🙇🏻 Construyendo un Slider, Acordeón, Tabs... 🤍 _ 📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web? Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro ¡Pide información sobre los cursos donde soy profesor desde este enlace! 👉🤍 _ ✅ Directos en Twitch: 🤍 ✓ ¡Apóyame en Youtube! 🤍 ✓ Trucos rápidos en TikTok 🤍 ✓ Podcast sobre desarrollo web 🤍 ✓ Programación en Instagram 🤍 ✓ Códigos para descargar en Github 🤍 ✓ Noticias sobre web en Twitter 🤍 ✓ Mi web 🤍 _ 🔥Enlaces a productos de mi setup 🖥 Samsung Space Monitor 27" 🤍 🖥 LG Ultrawide 25" 🤍 💪 Brazo EarGear 🤍 🖥 Mac Studio M1 Max 🤍 💻 MacBook Pro 15" 2019 🤍 ⚡️ Mesa elevable Flexispot 🤍 ⌨️ HHKB Hybrid Type-S 🤍 ⌨️ Logitech G915 🤍 🖱 Logitech MX Master 2 🤍 💡 Elgato Key Light Air 🤍 💡 Elgato Right Light 🤍 🎛 Elgato Stream Deck XL 🤍 🎙 Elgato Wave 3 🤍 🎙 Elgato Wave Pop Filter 🤍 ✔️ Elgato Soporte Teléfono 🤍 🎧 Beats Wireless Studio 3 🤍 ✔️ Corsair ST100 RGB premium 🤍 📱 iPhone 13 Pro 🤍 📱 Motorola G 🤍 📱 Samsung M11 🤍 🪑 Drift dr500b🤍 Enlaces en los productos en mi web: 🤍 Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios? 😏
APRENDE CSS desde CERO hasta CREAR TU PRIMERA PÁGINA WEB CON CSS, este curso es lo que necesitas para APRENDER CSS, en tan solo unas horas habrás CREADO más de 3 PROYECTOS con CSS. 📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com. ENTRA AQUÍ 👉 🤍 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 - Aprende CSS (Desde CERO en YOUTUBE) 👉 🤍 - CURSOS COMPLETOS: 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 🤍 - 00:00 Introducción Curso 02:00 Obtener los archivos del curso + PATROCINADOR 3:43 ¿Qué es CSS? + Primeros pasos con CSS 20:17 Selectores en CSS (Básicos y Avanzados) 57:09 Herencia, Especificidad y Cascada en CSS 01:10:20 Metodología BEM CSS 01:20:52 Box Model CSS (Margin, Padding, Border, Display Block Inline Inline-block, Width y Height) 02:23:35 Box-shadow y Border Radius (+ Dibujar con CSS) 02:41:23 Background & Color en CSS (+ PRACTICA) 03:14:46 Fuentes y Textos en CSS (Font-size, Family, Line-height y más) 03:35:19 Unidades de medida (EM, REM, VH, VW, PX) 03:49:51 Position CSS (Fixed, Absolute, Relative, Static) + PRACTICA 04:13:17 ¿Qué es Responsive Design?, Mediaqueries, Mobile First, Desktop First 04:25:27 Flexbox desde Cero (CURSO FLEXBOX) 04:46:55 Crea una Landing Page desde CERO con CSS y Flexbox (Responsive) 05:39:34 Custom Properties (Variables en CSS) 05:50:08 CSS GRID LAYOUT (TUTORIAL GRID COMPLETO) 06:14:08 Landing Page con CSS GRID desde CERO 06:36:52 Pseudoclases y Pseudoelementos CSS (:hover, ::after, ::before, :focus y más) 06:54:43 Transformaciones y Transiciones en CSS (Transform y Transition) 07:16:45 Galería de imágenes animada con CSS GRID (Efecto Overlay) 07:36:25 Menú de navegación adaptable a dispositivos móviles con CSS 07:54:25 Animation CSS (Aprende a animar con CSS) 08:13:30 PRACTICA FINAL (Crea una página web RESPONSIVE con CSS3 ) 09:45:57 Despedida del curso de CSS desde CERO ✉️ Redes sociales: Blog de desarrollo web: 🤍 Twitter: 🤍 Facebook: 🤍 Linkedin: 🤍 Instagram: 🤍 Github: 🤍
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com. ENTRA AQUÍ 👉 🤍 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 - Aprende CSS (Desde CERO en YOUTUBE) 👉 🤍 - CURSOS COMPLETOS: 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 🤍 - ✉️ Redes sociales: Blog de desarrollo web: 🤍 Twitter: 🤍 Facebook: 🤍 Linkedin: 🤍 Instagram: 🤍 Github: 🤍
Programador Ex-Amazon te enseña CSS en 10 minutos 📘 Este tutorial para principiantes es un excelente lugar para empezar si quieres ser programador/a. 📚 MIS CURSOS 👉 🤍 📕 MIS LIBROS 👉 🤍 ⌨️ MIS EQUIPOS 👉 🤍 (enlace pagado) 📷 INSTAGRAM 👉 🤍 💼 LINKEDIN 👉 🤍 "Como un Afiliado de Amazon, gano por compras elegibles" #css #programadorX #programacionweb #html #autodidacta #javascript #react #programador #programacion #ingeniero #ingenieria #desarrolloweb #frontend #backend #software
Neste vídeo te ensino CSS do ZERO, com um tutorial completo! Chegou a hora de você aprender a estilizar seu site e deixar ele mais bonito, bora aprender! 👉 E aí curtiu o vídeo? então clica no joinha, o seu like nos ajuda a trazer cada vez mais conteúdos pra você aprender e decolar sua carreira. ✍️ Deixa um comentário, e uma sugestão pra um próximo vídeo que você quer ver aqui. 📢 Compartilha nas suas redes sociais, pra este conteúdo chegar a mais pessoas! Links 👇 Código da aula: 🤍 Faça seu primeiro site com HTML: 🤍 Como instalar o VS Code: 🤍 Guia de propriedades CSS: 🤍 Paleta de cores HEX: 🤍 💰- Quanto ganha um programador? 🤍 🚀- Aprenda a fazer um formulário simples com HTML + CSS e monetize isso 🤍 ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ Meus Links 👇👇 🔥 Todos os meus Links: 🤍 🔴 Live toda Terça: 🤍 📸 Insta: 🤍rodolfomorii 🤍 🚀 Receba Dicas de Programação: 🤍 👥 Fale com nossa equipe: 🤍 🎓 Meu curso de Programação: 🤍 📚 E-book gratuito - Aprenda Programação do ZERO: 🤍 - Criei este canal pra ajudar você que quer sair do ZERO, e iniciar sua jornada se tornando um programador front-end, back-end ou full-stack. Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos e dicas relevantes que vão te ajudar a crescer ainda mais! #css #html #javascript
Aprenda em mais de 1.500 aulas e 100 projetos práticos, como desenvolver qualquer website, sistema web e aplicativos! 🤍
Durante os primeiros anos da minha carreira eu foquei bastante em melhorar em CSS e 7 anos depois, eu fiz esse compilado trazendo dicas que fizeram diferença e que podem ti trazer um ótimo caminho das pedras de como pegar mais referências e se aprofundar no mundo do CSS focando na construção de interfaces escaláveis e com animações :) 🔸 Quer ver mais conteúdos meus? Segue ai! ■ 🤍 ■ 🤍 ■ 🤍 🔸 Sabia que eu tenho séries na Alura também? ■ 🤍 ■ 🤍 #MergulhoCSS #DevSoutinhoDicas
¡Bienvenidos al segundo video de la saga de DESARROLLO WEB! Si estás interesado en aprender a programar o en adentrarte en el mundo del desarrollo web, estos cursos son perfectos para vos. En este segundo video, te guiaré paso a paso para que puedas darle estilo a tus páginas web utilizando CSS y además subiremos 2 proyectos completos como repositorio a GITHUB y las publicaremos como sitios webs. No necesitas experiencia previa en programación, comenzá con el de HTML y seguí con este hermoso curso de CSS para dar tus primeros pasos en este hermoso rubro. Te dejo el link del primer curso: 🤍 Mi objetivo es que puedas adquirir los conocimientos necesarios para crear tus propias páginas web y aplicaciones web sin tener que invertir dinero en costosos cursos de programación. Secciones del curso 00:00:00 Saludo inicial 00:00:52 Introducción 00:06:56 Sintáxis básica 00:13:30 Selectores 00:38:35 Comentarios 00:44:20 Colores 00:58:22 Background(Fondo) 01:06:45 Bordes 01:16:47 Unidades de medida 01:20:39 Margin (Márgenes) 01:27:46 Padding 01:31:39 Alto y Ancho (Height & width) 01:38:57 Texto 01:56:30 Fuentes 02:10:47 Íconos 02:16:36 Listas 02:20:20 Tablas 02:28:28 Display & Visibility 02:34:28 Position 02:47:37 Z-Index 02:50:37 Overflow 02:52:53 Float 02:55:19 Selectores combinados 03:01:00 Pseudoclases 03:10:29 Pseudoelementos 03:16:01 Opacidad 03:19:43 Navegación (NavBar) 03:31:01 Selector de Atributos 03:35:32 !important 03:38:50 Animaciones 03:51:29 Transiciones 03:55:59 MediaQueries (Responsive) 04:04:06 FlexBox 04:18:28 Grid 04:33:15 Proyecto 1 - Introducción 04:35:20 Proyecto 1 - ChatGPT & Dalle-2 04:37:58 Proyecto 1 - Estilado CSS 05:16:27 Proyecto 1 - Github 05:20:57 Proyecto 1 - Netlify 05:23:26 Proyecto 2 - Introducción y Estilado 06:09:12 Proyecto 2 - Github y Netlify 06:11:31 Despedida Enlaces importantes para el curso 📂Repositorio estructura proyecto 1: 🤍 📂Repositorio proyecto 1 finalizado: 🤍 📂Repositorio proyecto 2 finalizado: 🤍 Mis redes 📸 Instagram: 🤍 🧑🏼💻 LinkedIn: 🤍 🕊️Twitter: 🤍 📽️Youtube: 🤍 😺 Github: 🤍 👤 Facebook: 🤍 🎞️ Tiktok: 🤍 #css #desarrolloweb #programacion #curso #tutorial
Quer se aprofundar mais? Aproveite o desconto na Alura: 🤍 🤿 Lembrando que tem curso meu por lá de HTML e CSS, além de diversos outros, já que é a maior plataforma de ensino de tecnologia do Brasil! Código do site: 🤍 No vídeo de hoje eu explico um pouco de CSS, a linguagem de estilização de páginas web, de forma bem direta e prática! Pra qualquer pessoa que queira iniciar na área de TI se familiarizar. Mostrarei alguns seletores e suas propriedades e valores mais utilizados. Fiquem ligados para os próximos vídeos, onde colocarei em prática mais um pouco do desenvolvimento web, juntado tanto o HTML quando o CSS. Além disso, em breve falarei sobre JavasScript, outra tecnologia para desenvolvimento web front end. Qual outro conteúdo você quer ver por aqui? Comente aqui embaixo para eu saber! Se inscreva no canal para acompanhar os próximos vídeos de programação e tecnologia! 💻🚀 Último video: 5 MINUTOS DE HTML 🤍 - Onde você pode me achar: Instagram: 🤍 Github: 🤍 Youtube: 🤍 Comunidade no Discord: 🤍 - Dica de site para estudar CSS: 🤍 #css #frontend #html
Este video es una introducción a CSS, Las hojas de estilo en cascada que permiten mejorar el aspecto visual de paginas y sitios web, ademas es una de las tecnologías fundamentales del desarollo web, tanto de aplicaciones Grandes como de sitios web pequeños. VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES 🤍 🤍 FAZT CODE - YOUTUBE: 🤍 TWITTER 🤍 INSTAGRAM 🤍 FACEBOOK 🤍 COMUNIDAD EN DISCORD 🤍
¿Quieres aprender CSS de la mejor forma posible? 👇👇 ACCEDE al CURSO de CSS GRATIS 🤍 /*=Start=*/ 📋 ¿Quieres recibir GRATIS contenido semanal para impulsar tus habilidades como programador? Suscríbete aquí 👉 🤍 📚 Más de 100 recursos para programadores gratis: 🤍 👨💻 Todos mis cursos gratis: 🤍 📚 Puedes ver todos mis libros aquí: 🤍 📘 MI LIBRO "No todo es programar": 🤍 🦊 100 Fábulas para Programadores 🤍 📙 Libro: Aprende HTML 🤍 📹 Suscríbete al canal: 🤍 🎵 Koding Beats canal dedicado a música para escuchar mientras programas: 🤍 🤍 🌐 ¡Crea una página web sin programar! 🤍 👁️ Puedes encontrar cosas más interesantes en: 🤍 🖱️ Si quieres ver el mi setup completo 👉 🤍 🎉 Continua la fiesta en mis otras redes sociales: Discord: 🤍 Instagram: 🤍 Twitter: 🤍 TikTok: 🤍 GitHub: 🤍 🤍 Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces. /*=End=*/
Bienvenidos al curso básico de HTML5 y CSS3. En este curso, les voy a dar las básicas para que, después de ver este video, tengan la confianza para seguir estudiando por su cuenta. Va a estar difícil cubrir todo, pero vamos a sentar unas buenas bases, para que ustedes puedan empezar a armar sus propias páginas web, usando HTML y CSS. - Unite al server de DISCORD: 🤍 - Seguime en las redes! GitHub: 🤍 TikTok: 🤍 Instagram: 🤍 - Otros videos que te pueden interesar: Programación básica desde cero: 🤍 6 Meses de Programación. Lo que aprendí: 🤍 Tutorial completo de HTML y CSS: 🤍 Cómo es Estudiar Ingeniería Informática en Argentina: 🤍 - Secciones del video: 00:00 Intro 00:26 Entorno de desarrollo 02:43 Tu primer etiqueta HTML 04:26 Comentarios en HTML 05:05 Otros headings 05:39 La etiqueta p 06:24 Etiqueta br 07:26 Etiqueta hr 08:16 Etiqueta a (anchor) 09:36 Etiqueta img 13:21 Etiquetas contenedoras 15:42 Estructura HTML 18:15 Arrancando con los estilos 19:30 La etiqueta style 20:27 Crear un archivo .css 22:44 Selectores Generales CSS 24:46 Mejorando nuestra página 25:52 Seleccionando varios elementos en CSS 26:44 Selectores compuestos 28:20 IDs y clases 32:17 Estilizando las etiquetas "a" e "img"
Si estas empezando a desarrollar aplicaciones web y no dominas mucho CSS (Cascading StyleSheet), te darás cuenta que puede ser difícil hacer que una aplicación se vea bien o luzca como quieres. Entonces, la pregunta es ¿Que temas de CSS necesito conocer para poder solucionar esto? Bueno, lo primero que debes saber son las Bases de CSS, como: - Estilizar textos (font properties) - Enlaces (text decoration) - posicionar elementos y ajustar dimensiones (padding, margin, width, float, position) - estilizar backgrounds (background image, backgroudn colors) - y opcionamente podrias ver las animaciones y transiciones de CSS (transition, animation, keyframes) Con esto podras cambiar estilos, pero te faltara la posiblidad de organizar los elementos. Aqui es donde necesitas aprender temas de CSS como Flexbox, el cual te permite ubicar elementos en una sola dimension (Horizontal o vertical). Luego puedes aprender CSS Grid, que te permitira ubicar elementos en 2 dimensiones (varias filas y columnas al mismo tiempo), de manera similar a los Frameworks de CSS, de hecho este es mucho mas flexible que los Grid de los frameworks CSS. Con estas bases a partir de aqui podras empezar a conocer otros temas como pre-procesadores de CSS, Frameworks de CSS, bibliotecas de utilidades y herramientas de debuggin como Chrome developer tools (Herramientas de desarrollador de Chrome) #css #desarrolloweb #paginaweb
Neste vídeo curto eu indico 3 sites para você aprender CSS jogando. Sites mencionados: 1️⃣ CSS Dinner: 🤍 2️⃣ Flexbox Froggy: 🤍 3️⃣ Grid Garden: 🤍 ✅ Inscreva-se no nosso canal! 🤍 ✅ Siga-nos nas redes sociais! 🤍 🔴 MEU SETUP 🤍 #shorts
Curso CSS INTERMEDIO 👇 🤍 Con este Curso de CSS, podrás realmente aprender a utilizar este lenguaje de programación, conocerás desde su historia hasta el nivel de poder realizar prácticas necesarias para complementar tus estudios. Hay un par de vídeos repetidos, os dejo aquí la lista de reproducción independiente donde están todos los vídeos ordenados y sin errores. 🤍 👇Si tienes preguntas o no entiendes algún ejercicio estoy todos los días en Twitch 🤍 Si necesitas ayuda en cualquier momento tienes la comunidad de Discord 👇 🤍 Repositorio en Github: 👇 🤍 Cursos premium: 👇 🤍 • 00:00 = Inicio • 00:10 = nivel básico de CSS • 02:05 = nivel intermedio • 03:51= avanzado • 05:45 = preguntas frecuentes • 08:19 = requisitos del curso • 11:45 = ¿qué es el CSS? • 14:10 = Historia de CSS • 20:54 = instalaciones • 22:37 = instalación de Visual Studio Code • 26:29 = Cómo conectar HTML con CSS • 44:01 = Selectores • 16:53 = Selectores elementales • 31:17 = Selectores ID y clases • 58:13 = selectores atributos • 1:09:51 = Selectores agrupados • 1:18:49 = selectores hermanos • 01:25:53 = selector hijo directo • 01:43:26 = Herencia en CSS • 1:52:23 = estilos computados • 2:01:20 = estilos navegador • 2:06:57 = prefijos propietarios • 2:23:28 = box model • 2:27:04 = width y height • 2:32:57 = Margin • 02:41:40 = errores margin • 02:49:16 = padding • 02:59:05 = border • 3:08:26 = box sizing • 03:14:40 = border radios circular • 3:20:22 = border radios elíptico • 3:26:05 = overflow • 3:42:16 = display • 3:48:08 = outline • 3:54:26 = text align • 4:03:45 = box shadow • 4:15:25 = position • 4:22:44 = position relative • 4:33:43 = position absolute • 4:48:01 = position fixed • 05:06:04 = propiedad z-index • 05:17:01 = stacking context • 05:28:02 = ordenar propiedades • 05:35:20 = medidas absolutas y relativas • 05:39:43 = Medida EM y REM • 05:50:39 = WIDTH en porcentaje y WIDTH auto • 06:01:57 = unidades de viewport • 06:13:16 = MIN/MAX WIDTH y HEIGHT • 06:22:05 = colores en CSS • 06:31:17 = current color • 06:37:18 = colores RGB y RGBA • 06:47:40 = colores hexadecimales • 06:57:04 = color HSL y HSLA • 07:09:31 = Tipografías vs fuentes • 07:18:39 = Google fonts • 07:31:40 = Google icons • 07:43:58 = Font Facebook • 07:56:07 = decorar textos • 08:08:15 = espaciado y orientación de texto • 08:21:08 = prácticas Si estás practicando no olvides etiquetarme en Instagram o Twitter con le etiqueta #YoAprendoConDorian y así poder compartir con todos tus avances y enviarte un saludo especial. Apoya el canal donando por paypal. 👇 🤍 VENTAJAS EXCLUSIVAS!! 👇 🤍 Mi setup: 👇 🤍 Mis redes sociales: 👇 🖼️ Instagram - 🤍 💬 Facebook - 🤍 🐦Twitter - 🤍
Aprende HTML y CSS desde CERO con ESTE CURSO DESDE CERO! 📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com. ENTRA AQUÍ 👉 🤍 Descarga los archivos del curso: 🤍 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 - Aprende CSS (Desde CERO en YOUTUBE) 👉 🤍 - CURSOS COMPLETOS: 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 🤍 - 00:00 CURSO HTML Y CSS (DESDE CERO) 01:04 ¿Qué es y como funciona HTML5? 06:21 Instalando VSCODE y primeras líneas de código con HTML. 13:05 Estructura básica de un archivo HTML. 19:13 Tipos de etiquetas en HTML5. 22:20 Etiquetas Heading (H1,H2,H3,H4,H5,H6) 27:12 Etiquetas de Texto (span, strong, small, em y más) 46:52 Enlaces en HTML (Hipervínculos) 01:02:17 Imágenes en HTML y ELEMENTOS SVG (Rutas Relativas vs Absolutas) 01:14:01 Etiquetas de contenido, SECTION, HEADER, NAV, FOOTER y más (Semántica) 01:20:58 Atributos en HTML + Desplazamiento por anclas. ( ID, CLASS ) 01:29:22 Listas en HTML (ul vs ol) 01:36:55 Tablas en HTML (Estructura tus datos) 01:39:35 Formularios en HTML (Form, input, select, checkbox, textarea) 01:53:48 Iframe HTML (Enlaza a otras páginas) 01:58:48 Audio y Video en HTML. 02:04:38 Etiqueta Figure, Picture en HTML. (Imágenes Adaptables) 02:14:00 Metadatos en HTML. 02:18:42 ¿Qué es CSS y como funciona? 02:22:49 Las 3 maneras de agregar CSS a nuestro HTML. (En línea, en Etiqueta Style y por archivo) 02:29:00 Selectores en CSS ( De etiqueta, De clase, De ID) 02:36:46 Selectores Combinadores 02:42:14 Cascada, Especificidad y Herencia 02:52:14 Box-Model Capa de Contenido 02:58:11 Box-Model Capa de Padding y Border 03:05:13 Box-Model Capa del Margin 03:09:30 Colapso de Márgenes CSS 03:14:08 Márgenes automáticos. 03:17:08 Box-Sizing en CSS 03:25:23 BEM (Metodología para escribir clases.) 03:31:08 Colores en CSS (Por nombre, RGB, HSL y Hexadecimal) . 03:40:01 Background en CSS ( Image, Position, Size, Repeat) 03:46:13 Textos en CSS ( Font-size, Family, Overflow-wrap, Letter-spacin, Line-height, Text-align) 03:56:40 PRIMERA PRACTICA 04:00:59 Unidades de Medida CSS (PX, Unidades de Viewport, VH, VW, EM, REM, Porcentajes) 04:11:25 CARD CSS SEGUNDA PRACTICA 04:16:06 Position CSS (Relative, Absolute, Static y Fixed + Z-index) 04:27:27 MediaQueries en CSS (Min-width, Max-width) 04:35:23 Diseño Adaptable - Responsive Design (Mobile First, Desktop First) 04:37:46 Custom Properties CSS - Variables CSS 04:43:16 Flexbox ( Flex-direction, Flex-wrap, Display: Flex ) 04:51:08 Alineamiento Flex-items. (Justify-content, Align Content/Items) 04:57:23 Propiedades Flex-Items (Grow, Shrink, Order, Basis, Align-self) 05:03:08 PRACTICA FLEXBOX 05:16:48 CSS GRID ( Grid-template rows/columns, grid-column, grid-row, template-areas) 05:24:56 GALERIA DE IMAGENES ANIMADA CON GRID (SÚPER COOL) 05:39:22 PROYECTO FINAL (Aplicando TODO LO APRENDIDO) 06:16:01 Adaptando nuestra página a cualquier dispositivo. (RESPONSIVE DESIGN) 06:26:16 ¿Qué es Hosting y Dominio? Subiendo nuestra página a internet. 06:33:25 ¡TERMINASTE EL CURSO! (SORPRESA) ✉️ Redes sociales: Blog de desarrollo web: 🤍 Twitter: 🤍 Facebook: 🤍 Linkedin: 🤍 Instagram: 🤍 Github: 🤍
💥 Pacote Master (ESPECIAL, O MELHOR!): 🤍 🤖 Curso Dev Apps: 🤍 🦾 Curso de Python Completo: 🤍 🎮 Curso Desenvolvimento de Games: 🤍 🔥 Combo Master (TEMPORÁRIO): 🤍 💪 Viver de Negócio Online (Meu Treinamento para Criação de Negócios Online): 🤍 ✍️ Viver de Youtube (Peter Jordan & Danki Code): 🤍 🔔 Danki Code: ✓ Instagram → 🤍dankicodeoficial ✓ Facebook → /dankicode ✓ Instagram (Pessoal) → 🤍guigrillo13 💎Baixe o App da Danki Code (para alunos): 🤍 🤍 💥 Hospedagem de Site que Recomendo: 🤍
Quanto tempo para aprender #html, #css e #javascript? ❤️ Minicurso Grátis + Planilha Programador Milionário: 🤍 ✅ Meu Curso de Programação Completo: 🤍 📥 Me envie sua dúvida pelo Instagram: 🤍renatogavaoficial 👉 Se inscreva no canal: 🤍 Mesmo que pareça difícil, não pare! 💪 Renato Gava
Você perde horas escrevendo o seu CSS e no final sente que o código ficou muito maior do que deveria ser? Se isso acontece com você, provavelmente, é porque você aprendeu CSS do jeito errado. Vem descobrir nesse vídeo a forma correta de encarar o CSS e monte suas páginas com muito mais agilidade. #CSS #HTML #ProgramacaoWeb Confira os conteúdos de CSS citados no vídeo em nossa plataforma ⬇ CSS: Controlando o tamanho das caixas: 🤍 CSS: Bordas, margem e preenchimento: 🤍 CSS: Exibindo e ocultando caixas: 🤍 Confira a assinatura da DevMedia: 🤍 Sigam-nos nas redes sociais: LinkedIn: 🤍 Facebook ➞🤍 Twitter ➞🤍 Instagram ➞🤍
Nesse vídeo dou dicas para que você possa praticar seus conhecimentos de HTML e CSS. Espero que curtam. Meu curso Web Design Fundamentos. Aprenda HTML CSS e Javascript 🤍 Aprenda a trabalhar com o Google DevTools: 🤍 Outros links que podem ser interessantes: Blog: 🤍 Meus cursos: 🤍 Canais em redes sociais: Twitter: 🤍 Linkedin: 🤍 Instagram: 🤍 Facebook: 🤍 Instrutor: Daniel Tapias Morales Twitter: 🤍 Linkedin: 🤍 Medium: 🤍 Github: 🤍 📺 Playlists: 🤍
Partes del video 00:00:00 Introducción 01:43:10 Proyecto 1 02:32:29 Proyecto 2 03:52:30 Proyecto 3 04:30:05 Proyecto 4 04:56:25 Proyecto 5 06:09:48 Final 🔥Código fuente proyectos 1 al 5: 🤍 #react #javascript #html #css #viral #portfolio #responsive ENLACES DIRECTOS 😍Acceso a +21 proyectos de JAVASCRIPT en: 🤍 💘Acceso a +26 Proyectos disponibles de HTML y CSS en: 🤍 💎*Nuevo curso de REACT 2023: 🤍 💙*Nuevo curso de FLUTTER 2023: 🤍 💎*NUEVO curso de MySQL 2023: 🤍 💙NUEVO curso de TypeScript 2023: 🤍 😈Todos los cupones GRATIS y descuento en 🤍 cada semana se agrega un nuevo proyecto 👽Grupo telegram de ayuda html+css, javascript y react: 🤍
Capitulo #1 del curso básico de CSS, Introducción. En este capitulo te explico que es CSS, como funciona y como empezar a darle estilos a nuestros elementos HTML. 🚀 Blog de diseño web: 🤍 ⭐ Curso de Diseño Web desde Cero: 🤍 ⭐ Curso de PHP y MYSQL desde Cero: 🤍 ⭐ Curso de React y Firebase desde Cero: 🤍 ⭐ Curso de Bootstrap: 🤍 ⭐ Curso de Woocommerce: 🤍 - ♦ Que se necesita para tener una página web: 🤍 - Redes Sociales: ♦ Twitter 🤍falconmasters: 🤍 ♦ Pagina de Facebook: 🤍
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com. ENTRA AQUÍ 👉 🤍 RETO PATROCINADO POR HOSTINGER 📘CURSO CSS3 COMPLETO (Descuento) 👉 🤍 ✉️ Redes sociales: Blog de desarrollo web: 🤍 Twitter: 🤍 Facebook: 🤍 Linkedin: 🤍 Instagram: 🤍 Github: 🤍
Se você curte nosso conteúdo já deixa seu like e se inscreve no canal pra não perder os próximos vídeos toda semana 🔥 🏆 Aprenda desenvolver aplicativos, sites, sistemas web do zero até sair pronto para o mercado: ⭐ 🤍 _ 👉 Nosso grupo exclusivo: 🤍 👉 Instagram: 🤍 #frontend #programação #javascript #html #css
CSS ainda é um pesadelo para muita gente. E não se engane, esta tecnologia ainda consegue roubar tempo e paciência até mesmo de arquitetos e programadores experientes. Neste vídeo quero te dar 4 dicas para que você possa entender e fazer melhor uso das folhas de estilo sem "sofrência". 🌐 𝗦𝗼𝗯𝗿𝗲 𝗲𝘀𝗽𝗲𝗰𝗶𝗳𝗶𝗰𝗶𝗱𝗮𝗱𝗲 🤍 📖 𝗗𝗶𝗰𝗮𝘀 𝗱𝗲 𝗹𝗲𝗶𝘁𝘂𝗿𝗮 𝘀𝗼𝗯𝗿𝗲 𝗖𝗦𝗦 𝗲 𝗱𝗲𝘀𝗲𝗻𝘃𝗼𝗹𝘃𝗶𝗺𝗲𝗻𝘁𝗼 𝗿𝗲𝘀𝗽𝗼𝗻𝘀𝗶𝘃𝗼 (𝗹𝗶𝗻𝗸s 𝗱𝗲 𝗮𝗳𝗶𝗹𝗶𝗮𝗱𝗼) 🤍 🛴 𝗠𝗶𝗻𝗵𝗮𝘀 𝗿𝗲𝗱𝗲𝘀 𝘀𝗼𝗰𝗶𝗮𝗶𝘀 Blog: 🤍 Twitter: 🤍 Instagram: 🤍 LinkedIn: 🤍 #css
Começar por HTML e CSS ou ir para JavaScript ou Python? #shorts
Avance para o próximo nível de CSS através de jogos interativos para reforçar os melhores conceitos das folhas de estilo. Gamification é um termo em inglês para o emprego de técnicas comuns aos games para aprimorar contextos diversos não relacionados a jogos. No Brasil, é conhecido como Ludificação ou Gamificação, e pode ser usado para estudar, estimular o uso de um site, aprender uma nova tecnologia etc. 💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo 🤍 Neste vídeo, você vai conhecer 6 jogos para aprender CSS da melhor maneira possível: através de jogos interativos que rodam diretamente do navegador. Todos eles usam o conceito de gamification para qualquer um que queira aprender e/ou aprimorar o CSS consiga fazer isso de uma maneira bem divertida e eficiente. São jogos diversos para aprender CSS, tanto conceitos mais primordiais, quanto tecnologias de estilo mais avançadas, como Flexbox e CSS Grid. Quer aprender ou reforçar seu CSS de uma maneira divertida e eficiente? Então vem conhecer esses 6 games interativos que você com certeza vai gostar. Com o conceito de gamification, esses jogos são perfeitos para quem quer aprender ou aprimorar o CSS de uma forma diferente. Então, confira esses 6 jogos para aprender CSS brincando e leve suas habilidades de CSS para o próximo nível. :) 💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo 🤍 🕹️ CSS Diner: 🤍 🕹️ Flexbox Froggy: 🤍 🕹️ Flexbox Defense: 🤍 🕹️ Grid Garden: 🤍 🕹️ Grid Attack: 🤍 🕹️ Flexbox Zombies: 🤍 📷 Equipamentos usados para gravar este vídeo - Sony Alpha a6400: 🤍 - Cartão 128GB Extreme PRO SDXC: 🤍 - Tripé Weifeng WT6734: 🤍 Assine o canal! 🤍 - Facebook: 🤍 - Instagram: 🤍 - Twitter: 🤍 Conheça o blog desenvolvimento para web: 🤍
#bottons #LayoutResponsive #FrontEnd #Css3 #Html5 📚 Muito Obrigado por Assistir! Saiba Mais 📌🤍 📌🤍 ✨Link da Amazon: 🤍 Nesse vídeo faremos um botão, no HTML criamos uma div principal container ,depois centralizamos o botão .Estilizamos o botão com tamanho, bordas, cor, transição, espessura , tamanho da fonte e um sombreamento. Por fim colocamos o efeito hover, uma cor na fonte, um background transparente, um transform com rotação e escala, um cursor grab, bordas com sombra para criar um efeito de sombra. 🎵 Efeito Sonoro de Digitação ✨IDE: ( Integrated Development Environment )Microsoft Visual Studio. ✨IDE: ( Integrated Development Environment ) Visual Studio Code. 🤍 EXTENSÕES VISUAL STUDIO CODE: LIVE SERVER: Carrega a página automaticamente. BEAUTIFY : Padroniza a formatação do código COLOR HIGHLIGHT : Mostra as cores que você está criando no arquivo css. INTELLISENSE FOR CSS: Fornece o auto completo da classe que você escreveu no seu código. ✨Software Editor de videos: Shotcut. ✨Software para gravar a tela do computador: OBS Studio. ⭐ Biblioteca JavaScrit 🤍 Fontes de ícones 🔎🤍 🔎🤍 Ambiente de Desenvolvimento: codepen.io HTML E CSS: 🔎🤍 Tabelas de cores: 🔎🤍 Imagem para baixar: 🔎🤍 Site para criar Thumbnails: 🔎🤍
Empece a estudiar desarrollo web a mediados del 2020 y hasta la fecha conozco como a un 40% la industria que involucra esta área. 🆓Comienza a PROGRAMAR ARDUINO GRATIS en: 🤍 Suscríbete al canal para más contenido como este, tutoriales y mucho más. Dale like a este vídeo y comenta que fue lo que te gustó de la práctica :D 👇🏻👇🏻Entra a mi canal de DISCORD👇🏻👇🏻 🤍 Estaré publicando ahí también recursos de Arduino, resolver dudas o preguntas y ayudarnos entre la comunidad 😁 ❗❗TODAS LAS SEMANAS TRAEMOS CONTENIDO NUEVO❗❗ ✅Cursos ✅Tutoriales ✅Artículos en el blog ✅Episodios en el Podcast 👇👇CREA un HMI en ANDROID STUDIO Y ARDUINO👇👇 🤍 👈👈 ▶Sígueme en Instagram: 🤍 ▶Sígueme en TikTok: 🤍 ▶Síguenos en Facebook: 🤍 ▶Sigue nuestro Podcast en Spotify : 🤍 ▶TODO MI CONTENIDO AQUÍ 👉🏻: 🤍 Si has leído hasta aquí, quiero que sepas que cada día me inspiro más a grabar y subir contenido. Gracias por el apoyo. ❤️❤️
Bienvenido al curso CSS3 desde cero, en este curso aprenderás y dominarás las bases de CSS3, conociendo los temas más importantes como, selectores básicos y combinadores, herencia en css, cascada y especificidad en css, además de un uso correcto del box model así como su comprensión (Recuerda que este curso es un fragmento del curso de CSS3 completo). Obtén un súper descuento con hostinger con el cupón ALEXCG 👉 🤍 📘CURSO CSS3 COMPLETO 👉 🤍 👨💻🎁 Curso Diseño Web Desde Cero 👉 🤍 ✉️ Redes sociales: Blog de desarrollo web: 🤍 Facebook: 🤍 Linkedin: 🤍 Github: 🤍 00:00 Introducción a CSS3 ¿Qué es CSS? 04:29 Configurando nuestro editor de código 06:25 Empezando a utilizar CSS3 12:24 Creando archivos CSS3 15:50 Comentarios en CSS3 17:33 Descendencia en CSS3 19:25 Empezando nuestro primer proyecto 20:43 Introducción a los selectores en CSS3 29:45 Selectores Básicos en CSS3 37:43 Selectores de atributo en CSS3 49:12 Selectores Combinadores 01:08:09 Introducción al Box Model 01:19:29 Propiedad margin en CSS3 01:33:15 Colapso de Margenes en CSS 01:43:30 Padding en CSS 01:56:13 Border en CSS3 02:00:00 Tipos de elementos en CSS3 02:09:39 Cascada y Especificidad en CSS3 02:21:13 Herencia en CSS3 02:28:20 Bordes en CSS3 02:40:00 Bordes Radius en CSS3 02:56:26 Box shadow [Sombras en CSS3] 03:24:13 Drop shadow en CSS3 03:28:49 Final curso CSS3 Básico
#frontend #webdev Quando usar display: flex ou display: grid do CSS? Qual a diferença? 🌟 Links comentados no vídeo e outros interessantes 🌟 📺 Playlist Mini-curso grátis de Chrome dev tools. 🤍 ✅ 5 livros que eu indico para quem quer se tornar programador(a) front-end 🤍 ✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01 🤍 ✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02 🤍 ✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa 🤍 ✅ O que estudar para conseguir o primeiro emprego como dev front-end 🤍 ✅ Minha experiência como programador front-end 🤍 ✅ [OPINIÃO] O Programador dependente 🤍
Nesse vídeo você vai aprender como aprender html5 e css3 mais rápido. Do Zero A Programador Full Stack em Oito Semanas➤ 🤍 Me siga no instagram: 🤍gabswebdev Aprender html5 e css3 pode ser um pouco confuso se você não tem uma boa orientação a respeito. Na parte do html5, isso é mais fácil pois ele possui uma estrutura simples, você basicamente vai ter que saber sobre o aninhamento e as tags. Isso torna html bem mais fácil de aprender do que css3. Para aprender css, você vai precisar de um pouco mais de tempo. Esse vídeo é totalmente para iniciantes, está atualizado para 2020. Fiquem ligados no canal, em breve estarei postando um curso de html5 e css3 para ajudar os iniciantes nessas tecnologias. O curso terá um foco na prática, sendo totalmente objetivo. Link deste vídeo: 🤍
.svg){kind=small}
![CURSO HTML & CSS desde CERO [COMPLETO].](https://i.ytimg.com/vi/aFpns1de-Hk/mqdefault.jpg "CURSO HTML & CSS desde CERO [COMPLETO].")
