Curso de CSS [básico]: Aprenda do Zero

Buenas! Seja muito bem-vindo(a) ao curso CSS3: Primeiros passos na carreira de Desenvolvedor. Esta é a nossa primeira aula, e pra começar, vamos entender o que é CSS.

Até agora, usamos o HTML para construir as nossas páginas. Como vimos, o HTML representa a estrutura de uma página, determinando onde cada elemento deve ficar, através das tags e também representa o conteúdo das páginas, como textos, imagens, tabelas e links.

Este é o segundo curso da série. O primeiro curso ensina HTML5, bem do início. Se tu ainda não conhece HTML5, recomendo que assista todas as aulas e depois volte pra cá, pra poder entender e aproveitar melhor o que será ensinado neste curso.

O curso HTML5: Primeiros passos na carreira de Desenvolvedor, está disponível aqui mesmo na Udemy (link: https://www.udemy.com/share/102Aeq/).

Mas afinal o que é CSS?

Cascading Style Sheet ou Folhas de Estilo em Cascata, é uma linguagem usada em conjunto com HTML para determinar o estilo das páginas e como os elementos HTML devem ser exibidos. Ou seja, altera a parte visual das nossas páginas, modificando as cores e o tamanho das fontes, a largura e as cores das páginas e mais um monte de coisas legais. Enfim, toda a parte visual.

Na próxima aula veremos como utilizar CSS para melhorar a aparência das nossas páginas.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula veremos como utilizar CSS para melhorar a aparência das nossas páginas HTML.

Neste curso, veremos 3 formas de adicionar estilo nas páginas HTML. A primeira delas, e a mais simples, é utilizando CSS Inline, que consiste em adicionar o estilo direto nas tags HTML.

Na próxima aula veremos a segunda forma de adicionar estilo nas páginas HTML.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula veremos a segunda forma de adicionar estilo nas páginas HTML.
Na aula anterior vimos a primeira forma, que é utilizando CSS Inline, direto nas tags HTML.

A segunda forma de adicionar estilo nas páginas HTML, é utilizando CSS Interno, dentro da tag Head da nossa página. Esta forma é mais abrangente porque pode alterar o estilo de todas as tags de uma página, sem a necessidade de adicionar em cada tag, individualmente.

Na próxima aula veremos a terceira forma de adicionar estilo nas páginas HTML.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula veremos a terceira forma de adicionar estilo nas páginas HTML.
Na aula anterior vimos a segunda forma, que é utilizando CSS Interno, dentro da tag Head da nossa página.

A terceira forma de adicionar estilo nas páginas HTML, é utilizando CSS Externo e fazendo a ligação dentro da tag Head da nossa página. Esta forma é ainda mais abrangente porque pode alterar o estilo de todas as tags de todas as páginas do nosso site, sem a necessidade de adicionar em cada página, individualmente.

Na próxima aula veremos como utilizar as Classes em CSS.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula veremos como utilizar as Classes em CSS.

Mas o que são classes?
Usamos as classes para separar ou classificar elementos de um certo tipo.

Em CSS usamos as classes quando queremos que certos elementos tenham a mesma cor, o mesmo tamanho, enfim as mesmas características. Para não precisar repetir as configurações em cada elemento, criamos uma classe com as características desejadas e aplicamos esta classe em todos os elementos que precisam ser iguais.

Na próxima aula veremos como dividir a nossa página em blocos.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula veremos como utilizar as Divs em HTML e CSS.

A tag Div é usada, basicamente, para dividir a página HTML em blocos, que podem servir como um container para colocar e organizar outros elementos HTML.

Podemos pensar nas Divs como caixas que podem ser empilhadas, organizadas e configuradas pra ficar com a aparência que precisamos pra montar a estrutura das páginas.

As Divs podem ser estilizadas com CSS, alterando a altura, largura, cor e assim por diante.

Pra estilizar uma Div, podemos usar classes, como fizemos nos parágrafos e em outras tags, nas aulas anteriores.

Na próxima aula vamos conhecer os Seletores em CSS.
Até lá, abraço. Prof. Marnei Cardoso

Buenas! Nesta aula veremos como utilizar os Seletores HTML e CSS. Veremos como mudar a Fonte e as Cores utilizando CSS. Também vamos conhecer os Tipos de Fontes (Com e Sem Serifa) e os Tipos, as Características e as Diferenças das Cores (RGB, Hexadecimal, HSL e CMYK).

Na próxima aula vamos conhecer o Conceito e aprender a utilizar Border, Margin e Padding.

Até lá, abraço.
Prof. Marnei Cardoso

Buenas! Nesta aula vamos conhecer e ver como utilizar Border, Margin e Padding.

Usamos Border para criar Bordas nos elementos HTML.

As Margens são usadas para ajustar o posicionamento externo dos elementos, afastando de outros elementos.

O Padding (Preenchimento) é bem semelhante às Margens, no entanto usa afastamento interno. Na próxima aula vamos aprender sobre Box Model, Height e Width.

Até lá, abraço. Prof. Marnei Cardoso

Buenas! Nesta aula vamos aprender sobre Box Model (Modelo de Caixa), Height (altura) e Width (largura).

Em CSS, o termo Box Model (Modelo de Caixa) é usado para falar sobre o layout ou a estrutura da página. Todos os elementos HTML podem ser considerados caixas ou blocos.

O Box Model CSS é basicamente uma caixa que envolve todos os elementos HTML.

Consiste no Conteúdo em si, que pode ser uma imagem ou o texto de um parágrafo, por exemplo. No Padding (Preenchimento) que fica em volta do Conteúdo. Na Border (Borda) que fica em volta do Padding e do Conteúdo e Margin (Margem) que fica em volta da Borda e mantém os elementos afastados.

Na próxima aula vamos aprender sobre Float e Position. Até lá, abraço.