muito bom.
Introdução ao Responsive Design
Bem-vindo ao curso
Conceitos básicos de design responsivo
Ferramentas para design responsivo
O Emmet
Meta Viewport
Unidades de medidas relativas
Introdução a media queries
Aplicando a teoria
Levantando os requisitos da aplicação
Montando a estrutura HTML
Formatando títulos, subtítulos, textos, cores e sessões
Incluindo media queries e CSS
Técnicas avançadas
CSS Selectors
Calc, block, inline e inline-block
Imagens
Imagens de fundo
Ocultando e exibindo elementos
Adicionando vídeos
Algumas técnicas de desenvolvimento
CDNs
Usando fontes
Usando ícones
Posicionamento usando flex align
Bootstrap
Introdução ao Bootstrap
Tipografia e cores
Criar uma página de contato
Desenvolvimento de formulário
Tabelas
Aplicando novo layout ao currículo
Aplicando Bootstrap ao currículo
Aplicando Bootstrap ao currículo: continuação
Material Design
Introdução ao Material Design
AngularJS
Olá Mundo
Angular material: tela de login
Angular material: vamos codificar
Encerramento
Encerramento
Você não tem acesso a esta aula
Continue aprendendo! Junte-se e comece a impulsionar sua carreira
Se você já tem uma conta,
Calc, block, inline e inline-block
13/35Recursos
O calc é uma função do CSS para fazer um cálculo matemático, de forma que você não tenha que fazer o cálculo manualmente ou quando você não sabe o valor que certa variável vai assumir antes da conta.
width: calc( 100% * 4 / 12);
Display é a propriedade mais importante do CSS para controlar o layout. Cada elemento tem o seu próprio atributo display que pode ser modificado.
O display: block mostra todo o elemento dentro de um bloco, quebrando a linha quando necessário. O display: inline continua o texto ou elemento que esteja contido dentro de uma linha sem fazer quebra. O display: inline-block exibe o elemento dentro de um bloco e não realiza um salto de linha.
Contribuições 3
Perguntas 0
Ordenar por:
show
show
Quer ver mais contribuições, perguntas e respostas da comunidade?