Busca DevMedia
Você está buscando por "CSS" em Exemplos
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- 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.
- Introdução ao CSSExemplo
Introdução ao CSS
- Introdução ao CSS na práticaExemplo
O CSS coloca à nossa disposição um vasto conjunto de propriedades capazes de alterar as características visuais dos elementos em um documento HTML. Nesta documentação veremos como utilizar essas propriedades para estilizar uma página na prática.
- Como criar sua primeira página com CSSExemplo
Nesta documentação usaremos a linguagem CSS para customizar a aparência de uma página HTML. Para isso, usaremos um documento HTML separado em áreas, sendo elas cabeçalho, bloco de conteúdo principal e um rodapé.
- Pseudo classes do CSSExemplo
Nesta documentação aprenderemos a aplicar estilo baseado no estado do elemento com as pseudo classes do CSS. Veremos como aplicar o efeito de zebrado em uma tabela, assim como selecionar o primeiro elemento em um parent.
- Estilizando a página de cursosExemplo
Neste exemplo front-end veremos como criar uma página onde a altura dos boxes se ajusta, assim o layout da página não quebra devido ao tamanho do seu conteúdo, usando a propriedade Flex do CSS. Confira!
- Textos animados com CSS animation e keyframesExemplo
Neste exemplo veremos como criar animações com CSS utilizando para isso os recursos de animation com keyframes. Com eles temos uma tela de carregamento, mouseover (passar o mouse), botões e banners.
- HTML e CSS: Tela de login com Flexbox e Media QueriesExemplo
Neste projeto você encontra um exemplo de página de login feita em HTML e CSS, utilizando flexbox e media queries.
- Menu hamburguer com HTML, CSS e jQueryExemplo
Neste exemplo você encontra o código HTML, CSS e JavaScript para fazer um menu haburguer responsivo em páginas web. Confira.
- Menu responsivo com HTML, CSS e jQueryExemplo
Neste projeto você encontra um exemplo de como fazer um menu lateral responsivo para páginas web com HTML, CSS e jQuery. Baixe agora.
- Hotsite com Bootstrap e jQueryExemplo
Neste exemplo veremos como criar um layout completo seguindo o modelo One Page (uma única página). Para esse exemplo utilizaremos HTML, CSS, Bootstrap e jQuery, além do plugin do Google Maps.
- Cadastro completo em PHP com validações back-end e front-endExemplo
Neste exemplo veremos como criar um formulário de cadastro com HTML, CSS, JavaScript, jQuery e PHP. Essa página será o cenário utilizado para implementação de dupla validação, no front-end e no back-end. Confira!
- Criando um menu de tela inteiraExemplo
Neste projeto veremos um menu feito em HTML e CSS que utiliza flexbox e principalmente sua propriedade flex-grow, além da propriedade filter, unidades de medida vh/vw e media query. Confira!
- Dashboard com BootstrapExemplo
Neste exemplo você aprenderá a criar um dashboard utilizando Bootstrap, CSS e jQuery.
