Tutoriais CSS
Tutoriais CSS fornecem um caminho de aprendizado estruturado para estilização e design web. Eles cobrem propriedades CSS3, técnicas de layout e design responsivo, adequados tanto para desenvolvedores web iniciantes quanto intermediários. Através de laboratórios práticos e exemplos, você ganhará experiência na criação de layouts web atraentes e responsivos. Nosso playground CSS interativo permite que você experimente diferentes estilos e veja resultados visuais instantâneos.
Outras Árvores de Habilidades
LinuxDevOpsCibersegurançaAWSCybersecurity EngineerDevSecOpsRedes de computadoresCompTIAKali LinuxWiresharkNmapHydraRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellDevOps EngineerGitDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsCloudflareBanco de DadosMySQLPostgreSQLRedisMongoDBSQLiteCiência de DadosBig DataPythonGolangRustJavaCC++Desenvolvimento Web
Torne o formulário utilizável em telas pequenas
Crie rótulos visíveis, restrições nativas e condicionais, estilo responsivo e foco de teclado em torno de uma inscrição local real.
HTMLJavaScriptCSS
Crie uma Galeria de Fotografias Reais
Crie uma exposição fotográfica responsiva com imagens locais reais, identidades estáveis de fotos e foco do teclado visível.
HTMLJavaScriptCSS
Criando um Jogo Web Whack-a-Mole
Neste projeto, você aprenderá como criar um jogo Whack-a-Mole usando HTML, CSS e JavaScript. O jogo envolve golpear toupeiras que aparecem aleatoriamente de buracos dentro de um limite de tempo especificado. Você criará os arquivos HTML, CSS e JavaScript necessários e implementará a lógica do jogo passo a passo.
JavaScriptHTMLCSS
Aplicar Estilos de Fundo em CSS
Aprenda a aprimorar o design de páginas web aplicando diversos estilos de fundo em CSS, incluindo cores, imagens, posicionamento e técnicas de repetição.
CSSHTML
Aplicar Seletores Descendentes em CSS
Aprenda a usar seletores descendentes em CSS para estilizar elementos HTML aninhados, aprimorando o design de páginas web e compreendendo os mecanismos de direcionamento de seletores.
CSSHTML
Construa um Jogo da Velha (Tic-Tac-Toe) Web
Neste projeto, você aprenderá a criar um jogo da velha usando HTML, CSS e JavaScript. O jogo da velha é um jogo para dois jogadores onde eles se revezam marcando X ou O em uma grade 3x3. O objetivo é conseguir três marcas em uma linha, seja horizontal, vertical ou diagonalmente. Você criará os arquivos HTML, CSS e JavaScript necessários e implementará a lógica do jogo passo a passo.
JavaScriptCSSHTML
Criando um Aplicativo Web Task Timer
Neste projeto passo a passo, você aprenderá como criar um aplicativo web Task Timer usando HTML, CSS e JavaScript. Este aplicativo web permitirá que os usuários adicionem tarefas, iniciem e parem cronômetros para cada tarefa e excluam tarefas. Ao final deste projeto, você terá um aplicativo web Task Timer totalmente funcional com uma interface moderna e amigável.
JavaScriptHTMLCSS
Crie um Encurtador de URLs com Flask e MySQL
Este projeto guia você na criação de um serviço simples de encurtamento de URLs usando Flask e MySQL. Você aprenderá a configurar um banco de dados, projetar uma interface web e implementar funcionalidades para encurtar URLs, pesquisar URLs por tags e visualizar análises. O projeto é amigável para iniciantes e oferece uma visão abrangente do desenvolvimento web com Python e gerenciamento de banco de dados.
HTMLPythonMySQLCSS
Aplicar Seletores CSS Básicos em Desenvolvimento Web
Aprenda técnicas fundamentais de seletores CSS para estilizar elementos web de forma eficiente, incluindo seletores de tag, classe e ID, com exemplos práticos e melhores práticas.
CSSHTML
Crie um Aplicativo de Notas Usando React
Neste projeto, criaremos um aplicativo de Notas simples usando React. O aplicativo permitirá que os usuários adicionem, editem e excluam notas. Dividiremos o desenvolvimento em várias etapas, garantindo que cada etapa atenda a requisitos específicos e adicione funcionalidades essenciais.
ReactJavaScriptCSS
Construindo um Aplicativo de Lista de Desejos de Natal com React
Este projeto guia você na construção de uma aplicação web festiva de Construtor de Lista de Desejos de Natal usando React. O aplicativo apresenta um belo fundo com tema natalino em tela cheia e uma encantadora animação de queda de neve, aprimorando o espírito natalino. Os usuários podem adicionar desejos a uma parede de desejos semitransparente, e cada desejo é apresentado como um cartão postal. Usaremos React para o frontend e CSS para estilização e animações.
ReactJavaScriptCSS
Construindo um Jogo de Quebra-Cabeça Drag-and-Drop em React
Neste projeto, criaremos um jogo de quebra-cabeça drag-and-drop usando React. Este é um excelente projeto para iniciantes aprenderem sobre componentes React, gerenciamento de estado e tratamento de interações do usuário. Ao final deste projeto, você terá um jogo de quebra-cabeça funcional.
ReactJavaScriptCSS
Aplicar Estilos de Margem em CSS
Aprenda a usar as propriedades de margem CSS para controlar o espaçamento em torno de elementos HTML, entender diferentes sintaxes de margem e aplicar vários estilos de margem para aprimorar o layout da página web.
CSSHTML
Criar Transições CSS3 com Funções de Temporização
Aprenda a criar transições CSS3 suaves e dinâmicas usando funções de temporização, explorando efeitos de hover, propriedades de transição e técnicas avançadas de animação.
CSS
Criar e Estilizar Elementos div em HTML
Aprenda a criar, estilizar e manipular elementos div em HTML, explorando suas características de nível de bloco, cores de fundo e técnicas de posicionamento.
HTMLCSS
Criar Tabelas HTML com Atributos Básicos
Aprenda a criar tabelas HTML estruturadas com tags básicas, cabeçalhos, mesclagem de células e técnicas de estilização para um layout de página web e apresentação de dados eficazes.
HTMLCSS
Criar Sombras de Caixa com CSS
Aprenda a criar profundidade e dimensão visualmente impressionantes no design web dominando as técnicas de sombra de caixa CSS, desde sombras básicas até efeitos complexos de múltiplas camadas.
CSS
Criar Layout de Posicionamento Fixo em CSS
Aprenda a implementar o posicionamento fixo em CSS para criar elementos estáticos que permanecem no lugar durante a rolagem, com exemplos práticos de anúncios laterais e layouts de navegação.
CSSHTML
- Anterior
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 20
- Próximo