DevMedia Cursos
Curso online
Curso Gratuito de CSS
Neste curso de CSS conheça como importar e incorporá-lo no HTML. Além disso você aprenderá a escrever seus primeiros códigos e conhecer as principais propriedades. Aprenda também a inserir efeitos em blocos de texto, como por exemplo a capitular, através dos pseudo-elementos.
[VER MAIS DETALHES]História
- 1
História
Marcar como lido | DownloadNessa videoaula veremos um pouco sobre o histórico do CSS, da sua união com o HTML e sobre sua sintaxe básica.
Importando e incorporando o CSS no HTML
- 2
Importando e incorporando o CSS no HTML
Marcar como lido | DownloadNessa videoaula veremos os tipos de ligações que podemos fazer entre o CSS e o HTML
Propriedades
- 3
FONT
Marcar como lido | DownloadNessa videoaula começaremos a escrever seus primeiros códigos, formatando as fontes através do CSS, conheça as propriedades FONT.
- 4
TEXT
Marcar como lido | DownloadNesta videoaula veremos a continuação das propriedades TEXT no CSS, e como formatar blocos de texto.
- 5
Margin
Marcar como lido | DownloadNessa videoaula aprenderemos sobre as margens declaradas através do CSS incorporado ao HTML.
- 6
Propriedade Border e Padding
Marcar como lido | DownloadNessa videoaula veremos as propriedades Border e suas diferentes declarações no CSS.
Pseudo-elementos no CSS
- 7
Pseudo-elementos no CSS
Marcar como lido | DownloadNessa videoaula iremos continuar vendo como inserir efeitos em blocos de texto.
Curso CSS(Cascating Style Sheets)-Básico
- 8
Overview do CSS
Marcar como lido | DownloadNessa videoaula o autor inicia dando um overview do CSS e mostrando onde é usado e quais suas principais aplicabilidades.
Classes
- 9
Classes
Marcar como lido | DownloadVeremos como usar classes.O autor declara uma classe no próprio documento HTML e depois referência essa classe em um SPAN.
Herança
- 10
Herança
Marcar como lido | DownloadNessa vídeo aula o autor continua o mini-curso de CSS e mostrando outras aplicabilidades do CSS, nesse exemplo, o autor mostra-nos como trabalhar com herança em cascata.
Principais propriedades do CSS usadas no dia-a-dia
- 11
Principais propriedades do CSS usadas no dia-a-dia
Marcar como lido | DownloadNessa videoaula o autor continua o mini-curso de CSS e mostrando outras aplicabilidades do CSS, nessa aula, o autor inicia uma explicação da maioria das classes usadas no dia-a-dia do css.
Criando um Efeito de Zoom em Imagens com CSS
- 12
Criando um Efeito de Zoom em Imagens com CSS
Marcar como lido | DownloadNessa videoaula veremos como aplicar regras CSS de forma simples para criarmos um efeito de zoom na imagem.
Efeitos em Links com CSS
- 13
Efeitos em Links com CSS
Marcar como lido | DownloadNessa videoaula veremos como dar aos links de sua página web diversos comportamentos visuais através das pseudo-classes.
- 14
Efeitos em Links com CSS usando dois ou mais grupos
Marcar como lido | DownloadNessa videoaulas veremos como colocar dois ou mais grupos de links que se comportam de maneira diferentes na mesma página web.
Construa uma Galeria de Imagens com CSS
- 15
Construa uma Galeria de Imagens com CSS
Marcar como lido | DownloadNessa videoaula aprenderemos sobre o conceito envolvido e como estruturar com o HTML esta galeria
- 16
Construa uma Galeria de Imagens com CSS - Declarando Classes
Marcar como lido | DownloadNessa videoaula veremos como as classes são declaradas já no ambiente das folhas de estilo.
- 17
Construa uma Galeria de Imagens com CSS - Usando Seletor
Marcar como lido | DownloadNessa videoaula veremos como utilizar o seletor/TAG “A” para dar a interatividade necessária à Galeria de Imagens
Menu DropDown com CSS
- 18
Menu DropDown com CSS - Criando Menu
Marcar como lido | DownloadNessa videoaula aprenderemos a construir um menu do tipo dropdown.
- 19
Menu DropDown com CSS - Declarando Classes
Marcar como lido | DownloadNessa videoaula veremos como declarar classes para retirar as configurações default das TAGs ul e li, montando um novo visual para as listas.
- 20
Menu DropDown com CSS - Efeitos do Menu
Marcar como lido | DownloadNessa videoaula veremos como fazer o efeito do menu acontecer de forma fácil e como devemos encaixar um script para que o mesmo funcione também no IE.
- 21
Menu DropDown com CSS – Submenu
Marcar como lido | DownloadNessa videoaula teremos o complemento dos conceitos anteriores, onde pode-se aplicar sub-menu dentro de outros sub-menus.
Construindo Menus com CSS
- 22
Usandos Listas para menu
Marcar como lido | DownloadNessa videoaula veremos como utilizar as listas para a construção de menus com o CSS.
- 23
Construindo Menus com CSS - Usando estrutura HTML
Marcar como lido | DownloadNessa videoaula veremos como estilizar a estrutura feita como o html.
Construindo uma Barra de Navegação Horizontal com CSS
- 24
Construindo uma Barra de Navegação Horizontal com CSS
Marcar como lido | DownloadNessa videoaula veremos como utilizar o elemento “p” para construir barras de navegação simples e expansíveis.
Caixas de Largura Fixa com Cantos Arredondados
- 25
Caixas de Largura Fixa com Cantos Arredondados
Marcar como lido | DownloadNessa videoaula veremos como criar caixas com canto arredondado somente com CSS.
Modelos de Layout
- 26
Layout Baseado em Flutuação
Marcar como lido | DownloadNessa videoaula veremos como as possibilidades aumentam com a técnica de flutuação para a construção/diagramação de suas páginas web com o CSS.
- 27
Layout Centralizado com Margens Negativas
Marcar como lido | DownloadNessa videoaula veremos como simplificar as margens negativas e a forma como podemos centralizar um layout.
- 28
Layout Centralizado com Margens Automáticas
Marcar como lido | DownloadNessa videoaula veremos uma das técnicas de posicionamento de layouts mais utilizadas na atualidade.
- 29
Sombra em Caixas - Definindo imagens
Marcar como lido | DownloadNessa videoaula veremos como gerar as imagens necessárias para serem utilizadas como sombras e como estrutura em HTML este tutorial.
- 30
Sombra em Caixas - Estilizando Estrutura HTML
Marcar como lido | DownloadNessa videoaula veremos como estilizar a estrutura do html, revelando a sombra que dá a impressão de caixa projetada
Como utilizar Free CSS Template em projetos ASP.NET
- 31
Como utilizar Free CSS Template em projetos ASP.NET
Marcar como lido | DownloadNessa videoaula mostraremos como localizar Free CSS Template na Web e utilizar em projetos ASP.NET.
Sobre o professor
Equipe DevMedia
Noticias/Dicas/Artigos publicados.
6 
0