Curso
CSS: Introdução
CSS (Cascading Style Sheets) é uma linguagem de estilos que serve para manipular a parte visual das páginas web. Com ela você pode estilizar os elementos presentes em um documento HTML como parágrafos, imagens, links entre outros. Com o CSS você pode manipular as propriedades desses elementos, como definir valores para a altura e largura deles, configurar uma cor de fundo, definir o alinhamento e diversos outros estilos.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
8 horas
Curso de CSS (8 aulas)
Aula 1 - Introdução
CSS é uma linguagem de criação de estilos que é amplamente utilizada em conjunto com a linguagem de marcação HTML. Com o CSS podemos estilizar os elementos que estão presentes em um documento HTML, ou seja, mudar a aparência visual que esses elementos apresentam na tela.
Aula 2 - Sintaxe do CSS
Nessa aula vamos ver como é a sintaxe de um código na linguagem CSS. Vamos ver um pequeno exemplo que usa código CSS e ver na prática como definir corretamente os estilos dos elementos da página. Também vamos abordar o que é chave e valor na sintaxe dessa linguagem.
Aula 3 - Meu primeiro código CSS
Veremos como adicionar estilos para os elementos HTML através do código CSS. Esses estilos serão adicionados no arquivo HTML por meio da tag style que é responsável por conter os estilos que mudam a aparência de uma página web.
Aula 4 - Padrões de cor
No CSS utilizamos cores para estilizar o fundo dos elementos HTML e a cor dos textos. Você já viu um exemplo com o padrão nominal, que utiliza o nome da cor em inglês. Nesta aula vamos conhecer esse padrão mais a fundo, e também os padrões RGB(A) e Hexadecimal.
Aula 5 - CSS em arquivo externo
Nessa aula vamos ver como adicionar CSS nas nossas páginas por meio de um arquivo externo. Veremos como aplicar CSS na página por meio de um arquivo CSS externo, que deve ser linkado com o arquivo HTML.
Aula 6 - Propriedades de fonte
Nessa aula vamos abordar propriedades no CSS que são utilizadas para estilizar fontes. Veremos como essas propriedades mudam o visual de elementos como títulos, parágrafos, links, etc. Estilizar elementos de texto é um recurso presente em todo tipo de projeto front-end.
Aula 7 - Exemplo prático
O exemplo dessa aula consiste em uma página de receita de bolo, que contém alguns elementos de texto. A aparência desses elementos será modificada por meio de propriedades como color, font-size, font-family, font-weight etc.
Aula 8 - Faça você mesmo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Nela utilizamos elementos e propriedades de texto. Vamos ver desde a criação da pasta e dos arquivos até a estilização dos elementos da página.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed