Curso de CSS (Cascading Style Sheets)

Hoje em dia, sites feitos única e exclusivamente com HTML são extremamente raros.
A internet está dinâmica, está esteticamente mais agradável, moderna e tecnológica.
Assim como está o resto do mundo.

A internet não é mais um lugar de engenheiros, cientistas da computação e militares trocando informações secretas (como era na época da criação do HTML).

Agora a internet é um lugar onde você, webmaster, estuda e trabalha, mas também é o lugar onde sua mãe entra para procurar receitas na internet, onde seu pai navega para olhar peças de carros e é também o local onde sua irmã de 12 anos usa para falar com todas as colegas do colégio.

Nesta seção iremos estudar o CSS, uma linguagem de estilo, que fará com que seus sites se tornem profissionais, flexíveis, que fará com que funcionem em celulares, netbooks e iPad.
O CSS fará seus site ter um aspecto moderno e interativo, como deve ser os sites atualmente.

O CSS é uma ferramenta fantástica, que permitirá você fazer sites e coisas incríveis, de uma maneira bem eficaz e até simples.
Não tenha pressa. Estude, leia e, principalmente, teste.
Você não irá fazer somente sites, e sim verdadeiras obras de arte extremamente úteis.

Apostila de CSS (Cascading Style Sheets)

Tutorial Básico de CSS

01. O que é CSS, para que serve e como funciona
     Vídeo aula - Introdução ao CSS
02. Como criar um arquivo CSS - A tag <style> e o atributo type
03. O Efeito Cascata
04. Seletores em CSS - Onde o CSS vai atuar no código HTML
     Vídeo aula - Sintaxe e Uso do CSS
05. class Selector - Criando seu próprio seletor de classes em CSS
06. id Selector - O seletor ID e a diferença pro CLASS em CSS
07. A tag <div> - Criando divisões lógicas e estruturais em um site
08. A tag <span> - Agrupando elementos inline
09. Seletores Descendentes em HTML e CSS

Tutorial de CSS: Formatação de Textos

01. Formatação de textos com CSS
02. Fonte em Itálico, Oblíqua e Normal com font-style
03. Fonte em Negrito: A propriedade font-weight
04. Fonte com Sublinhado (underline), Sobrelinhado (overline) e Piscando (blink): text-decoration
05. Tipo e Família de Fonte em CSS: font-family
06. Tamanho de Fonte: font-size
07. Cores em Fontes: A propriedade color
      Vídeo aula - Fontes em CSS
08. Fonte maiúscula (uppercase), minúscula (lowercase) e capitalizada (capitalize): text-transform
09. Espaçamento entre letras (letter-spacing), palavras (word-spacing) e linhas (line-height)
10. Alinhamento de texto em CSS - A propriedade text-align: left, right, center e justify
11. Como indentar (espaçar) a primeira linha do texto - A propriedade text-indent
12. Margem (espaço) entre parágrafos - A propriedade margin-top e margin-bottom
13. CSS em Listas - As propriedades list-style-type e list-style-position 


Layout de um site em CSS: Box Model (Modelo de Caixas)

01. Box Model em CSS - Margin, Padder e Border
02. A propriedade padding em CSS - Espaçamentos no site
03. A propriedade border em CSS - As bordas em um site
04. A propriedade margin - Controlando e Definindo as Margens com o CSS
05. A propriedade display - Exibindo elementos como inline ou block com CSS
06. CSS display - none, inline-block, list-item e table
07. height e width - Altura e Largura em CSS
08. Propriedade float - Fazendo Elementos Flutuar na Esquerda ou Direita em CSS

Tutorial de CSS sobre Imagens

7 comentários:

Marco Alves Rodrigues disse...

Sou fã dos sites 'progressivos' desde quando o Programação Progressiva estava começando.

Fico muito feliz em ver que estão criando material para desenvolvimento Web, e que tenham começado do básico, com HTML e CSS.

Sem dúvidas, vão ser os melhores tutoriais de HTML e CSS da internet!
Já estou recomendando.

Lucas de Jesus disse...

Olá, sou iniciante e estou começando com o HTML.

Sempre ouvia falar no CSS, das pessoas falando, dizendo códigos etc, e não entendia nada.

Finalmente aqui deu pra entender!
Vi pra que serve, a utilidade e talz, nos outros tutoriais simplesmente falavam como se todo mundo soubesse!!!!

Vlw!!! Estudando por aqui agora!!!

Anônimo disse...

Cara, esses são os melhores tutoriais de CSS, valeu!!!

Anônimo disse...

Cara queria daixar as bordas do site com uma cor preta mas como faco isso ?

Matheus S Menezes disse...

Cara como faço para deixar uma imagem como background

Adans Silverio dos Santos disse...

Parabéns pelos conteúdos compartilhado, muito util para quem está aprendendo como eu. Continue sempre!

Leandro Luiz disse...

Finalmente um tutorial que dá pra entender. Muito obrigado pelo conteúdo!