CSS Exercícios
Aprimore suas habilidades em Cascading Style Sheets (CSS) através de uma série de exercícios práticos. Esta coleção de desafios práticos foi projetada para testar e melhorar sua compreensão dos conceitos essenciais de CSS. Cada exercício apresenta um problema de estilização do mundo real, permitindo que você aplique seu conhecimento de seletores, propriedades, modelos de layout como Flexbox e Grid, e princípios de design responsivo. Trabalhe nessas tarefas de codificação para construir confiança e proficiência na estilização de páginas web.
Descobrir categorias
TodosLinuxDevOpsCibersegurançaDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxTreinamento RHCSATreinamento RHCE in Enterprise LinuxTreinamento LFCSShellGitCloudflareDockerKubernetesTreinamento CKATreinamento CKADTreinamento CKSAnsibleTreinamento RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABanco de DadosMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Desenvolvimento WebCiência de Dados
Seu Primeiro Laboratório de CSS
Olá! Bem-vindo ao LabEx! Neste primeiro laboratório, você aprenderá o clássico programa 'Olá, Mundo!' em CSS.
LabCSS
Cubo Rotativo 3D
Neste laboratório, criaremos um cubo rotativo 3D usando HTML e CSS. Este cubo terá faces coloridas e rotacionará infinitamente, criando um efeito visualmente atraente. Vamos guiá-lo por cada etapa do processo para ajudá-lo a construir este projeto do zero.
LabCSS
Animações e Transições
No movimentado mundo de 'Pet's House', um santuário virtual para amantes de animais de estimação, Taylor, um designer web criativo, embarca em uma jornada para dar vida ao site.
LabCSS
Fundamentos de CSS e Seletores
Neste laboratório, você se colocará no lugar de um desenvolvedor web encarregado de criar um site elegante para um serviço de animais de estimação, utilizando técnicas e seletores CSS fundamentais.
LabCSS
Modelo de Caixa CSS e Margens
No movimentado cenário digital de 'Pet's House', um site dedicado a fornecer serviços premium de cuidados com animais de estimação, nosso protagonista, Jordan, um talentoso desenvolvedor web, é encarregado de aprimorar o layout e o design do site.
LabCSS
Website Responsivo da Pet's House com Flexbox
Na movimentada cidade de Petville, Jordan, um desenvolvedor web, é encarregado de redesenhar o site 'Pet's House'.
LabCSS
Apresentação de Serviços para Animais de Estimação com CSS Grid
Em 'Pet's House', um reino virtual para entusiastas de animais de estimação, Alex, um desenvolvedor web, embarca em uma jornada para renovar a apresentação de seus serviços usando CSS Grid.
LabCSS
Aprimorando o Rastreador de Finanças Pessoais
Neste Lab, a jornada de Alex pelo desenvolvimento do rastreador de finanças pessoais entra em um estágio avançado, com foco no aprimoramento da interatividade do aplicativo por meio de técnicas sofisticadas de tratamento de eventos. A cena se passa em uma sessão de brainstorming na startup de tecnologia, onde Alex propõe adicionar um recurso de arrastar e soltar para reordenar os registros financeiros. Este objetivo ambicioso visa fornecer aos usuários uma maneira intuitiva de organizar seus registros, refletindo a natureza fluida do gerenciamento de finanças pessoais. Para alcançar isso, Alex precisa explorar eventos DOM avançados e manipular elementos de uma forma que seja visualmente atraente e fácil de usar.
LabCSS
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.
LabCSS
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.
LabCSS
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.
LabCSS
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.
LabCSS
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.
LabCSS