Busca DevMedia
Você está buscando por "CSS"
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- Guia de CSS Guia
Domine a linguagem de estilo da web!
- Guia de HTML Guia
Foi o tempo onde ter conhecimentos em Front-end era opcional. Agora saber HTML e CSS virou requisito obrigatório na maioria das vagas para programadores. Com esse Guia de Carreira você aprenderá do básico ao avançado nessas tecnologias!
- Guia Completo de CSS Guia
Nesse Guia de Consulta você encontrará o conteúdo que precisa para iniciar seus estudos em CSS, recurso fundamental para a construção de páginas web.
- Tecnologia HTML Guia
HTML é uma linguagem de marcação utilizada para estruturar o conteúdo das páginas web, definindo elementos como parágrafos, títulos, imagens, etc.
- Front-end Web na prática Guia
Nesse Guia de Front-end você encontrará conteúdos que apresentam, na prática, linguagens, frameworks e técnicas de desenvolvimento front-end web.
Guias relacionados
- CSS: FlexboxCurso
Neste curso ensinaremos uma técnica super importante do CSS conhecida como Flexbox, essencial para criar layouts modernos e responsivos de páginas web.
- CSS - Modificando elementos HTMLCurso
A modificação de elementos HTML através do CSS é parte essencial da construção de páginas profissionais, pois através dos recursos que serão vistos neste curso é possível evoluir a qualidade da sua página Web.
- CSS: Position relative e absoluteCurso
Neste curso você aprenderá a utilizar outros valores da propriedade position do CSS: relative e absolute. Com eles podemos posicionar um elemento fora do fluxo padrão do HTML.
- CSS: Pseudo-classes e Pseudo-elementosCurso
Neste curso falaremos sobre a utilização de pseudo-classes e pseudo-elementos no CSS para uma estilização mais personalizada dos elementos HTML, por exemplo, a criação de tabelas zebradas, mudar o estilo de um link etc.
- CSS: Position fixedCurso
Com o position:fixed, você poderá, por exemplo, deixar um menu fixo no topo de uma página, fixar um botão com um link para o WhatsApp na parte inferior, entre outras coisas.
Cursos e Vídeos relacionados
- Pseudo-classes e Pseudo-elementos no CSSExemplo
Neste projeto vamos conhecer um exemplo prático que utiliza diversos recursos do CSS, tais como first-of-type, hover e before. Falaremos sobre a utilização de pseudo-classes e pseudo-elementos para uma estilização mais personalizada dos elementos HTML.
- Estilizando com CSS uma página de barbeariaExemplo
O exemplo consiste em uma página de uma barbearia, que oferece serviços de cortes masculinos.
- Modificando elementos HTML no CSSExemplo
Neste projeto veremos como modificar elementos HTML ao criar uma página de divulgação de uma série.
- Trabalhando com posicionamento fixo numa página de concessionária Exemplo
Nesse projeto veremos como fixar o topo de uma página de concessionária usando a propriedade fixed do CSS.
- Estilizando página web com CSSExemplo
Nesse projeto explicaremos os passos dados para criar e estilizar a página web de receita de bolo de chocolate. Nela utilizamos elementos e propriedades de texto.
Exemplos relacionados
- CSS inline: utilizando CSS dentro de um arquivo HTML Artigo
Nesta documentação falaremos um pouco sobre CSS inline, a prática de usar CSS dentro de elementos HTML. Através do CSS inline podemos aplicar estilos a elementos específicos dentro de uma página HTML.
- CSS Border Artigo
Nesta documentação você aprenderá sobre a propriedade CSS border, suas características e como utilizá-la no código CSS para definir a borda de um elemento HTML.
- CSS Overflow: ocultando parte de um conteúdo Artigo
Nesta documentação de CSS falaremos sobre a propriedade Overflow do CSS, utilizada quando queremos ocultar parte do conteúdo de um elemento. Através do uso de overflow podemos criar também barras de rolagem para conteúdos muito grandes.
- Hover CSS: ativando estilo de um elemento Artigo
Nesta documentação você aprenderá sobre a pseudo-classe CSS :hover e como utilizá-la no código para gerar mudanças de estilo com a interação do usuário.
- CSS Important Artigo
Nesta documentação você aprenderá sobre a regra !important e como utilizá-la no CSS para substituir estilos anteriores de um determinado elemento.
Artigos relacionados
- CSS Flexbox Vídeo
Nesta aula conheceremos o que é o CSS Flexbox e como podemos utilizá-lo para posicionar de forma simples os elementos de uma página.
- Flexbox + CSS position Vídeo
Nesta aula veremos como podemos utilizar o Flexbox e o CSS position juntos. Veremos também como aproveitar o melhor de cada ferramenta, visando suprir as limitações de cada uma.
- Introdução Vídeo
O próximo passo no seu aprendizado do CSS é entender o CSS Flexbox. Este curso visa ensinar as principais propriedades e técnicas do Flexbox para a criação de páginas web com layouts flexíveis e modernos.
- Descendência de elementos Vídeo
Nesta aula vamos ver como combinar seletores de tag e de classe no CSS. A combinação de seletores é muito utilizada quando precisamos estilizar elementos específicos em uma página web. Quando combinamos seletores estamos utilizando a descendência de elementos no CSS.
- Introdução Vídeo
O próximo passo no aprendizado do CSS é a modificação de elementos HTML. Iremos avançar aprendendo o que significa modificar elementos HTML e como isso pode auxiliar a construção de páginas de um site através do CSS.
