LabEx
EntrarJunte-se

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çaDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellGitDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABanco de DadosMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Desenvolvimento WebCiência de Dados
Criar um Cartão de Visita Visualmente Atraente

Criar um Cartão de Visita Visualmente Atraente

Neste projeto, você aprenderá como criar um cartão de visita do usuário com HTML e CSS. O objetivo é criar um cartão de visita visualmente atraente e bem estruturado que possa ser usado para exibir as informações de um usuário.
CSS
Efeito de Animação Hover em CSS Tipo Leque

Efeito de Animação Hover em CSS Tipo Leque

Neste projeto, você aprenderá como criar um efeito tipo leque usando CSS. Ao rotacionar e escalar uma série de elementos div, você conseguirá uma animação dinâmica e visualmente atraente que se expande quando o usuário passa o mouse sobre o elemento.
CSS
Estilização de Texto CSS

Estilização de Texto CSS

Neste laboratório, você aprenderá os fundamentos da estilização de texto com CSS, incluindo como definir cor do texto, tamanho da fonte, espessura da fonte, alinhamento e altura da linha.
CSS
Fundamentos de Seletores CSS

Fundamentos de Seletores CSS

Neste laboratório, você aprenderá os fundamentos dos seletores CSS, incluindo seletores de elemento, classe, ID, agrupamento e descendentes para estilizar elementos HTML.
CSS
Estilização de Tabelas CSS

Estilização de Tabelas CSS

Neste laboratório, você aprenderá a estilizar tabelas HTML usando várias propriedades CSS para melhorar sua legibilidade e apelo visual.
CSS
Fundamentos de Layout CSS

Fundamentos de Layout CSS

Neste laboratório, você aprenderá os fundamentos do CSS Flexbox para criar layouts web responsivos e flexíveis.
CSS
Estilização de Listas CSS

Estilização de Listas CSS

Neste laboratório, você aprenderá a estilizar listas HTML usando várias propriedades CSS para criar uma barra de navegação horizontal.
CSS
Modelo de Caixa CSS

Modelo de Caixa CSS

Neste laboratório, você aprenderá os fundamentos do Modelo de Caixa (Box Model) do CSS, incluindo conteúdo, padding, borda e margem, e como controlar o dimensionamento de elementos com box-sizing.
CSS
Utilitários CSS Modernos com Tailwind

Utilitários CSS Modernos com Tailwind

Neste laboratório, você aprenderá os fundamentos do Tailwind CSS, um framework CSS utility-first, estilizando um elemento HTML simples. Você adicionará o CDN e aplicará classes para cor de fundo, cor do texto, padding e layout.
CSS
Cores e Fundos CSS

Cores e Fundos CSS

Neste laboratório, aprenderá a estilizar elementos de páginas web aplicando várias propriedades CSS de cor e fundo, incluindo definir cores, adicionar imagens e controlar a sua posição e repetição.
CSS
Introdução e Vinculação de CSS

Introdução e Vinculação de CSS

Neste laboratório, você aprenderá os conceitos básicos de CSS, incluindo como criar uma folha de estilos externa e vinculá-la a um documento HTML para alterar a fonte da página.
CSS
Aplicar Estilos de Margem em CSS

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.
CSSHTMLJavaScript
Travessa de Frutas Visualmente Atraente

Travessa de Frutas Visualmente Atraente

Neste projeto, você aprenderá como criar uma travessa de frutas visualmente atraente usando CSS Flexbox. O objetivo é posicionar as frutas da mesma cor no meio de suas respectivas placas de cor, criando uma exibição harmoniosa e esteticamente agradável.
CSS
Crie um Web App de Carousel Swiper

Crie um Web App de Carousel Swiper

Neste projeto, você aprenderá como criar um web app de carousel Swiper que apresenta um layout de carousel visualmente atraente com conteúdo temático cósmico. O aplicativo permitirá que os usuários naveguem por diferentes slides e visualizem cartões com fatos interessantes sobre o universo.
CSS
Criar e Estilizar Elementos div em HTML

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.
JavaScriptCSSHTML
Criar Sombras de Caixa com CSS

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.
JavaScriptCSSHTML
Construa um Jogo da Velha (Tic-Tac-Toe) Web

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.
CSS
Criar Requisições AJAX com XMLHttpRequest

Criar Requisições AJAX com XMLHttpRequest

Aprenda a implementar requisições AJAX usando XMLHttpRequest, entenda a comunicação assíncrona e lide com as respostas do servidor de forma eficaz no desenvolvimento web.
HTMLJavaScriptCSS
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • Próximo