1. devfuria.com.br
  2. html-css

HTML & CSS
Guia prático e conciso.

Introdução

Seja muito bem vindo a este curso de HTML e CSS!

Este projeto está disponível no github.

Se precisar de ajuda com seu código ou quiser fazer alguma pegunta, abra uma issue no github.

Para desenvolvedores (primeira parte)

Eu separei este guia sobre HTML e CSS em duas partes:

  1. Para desenvolvedores
  2. Para

De forma a simplificar o primeiro contato com o assunto para quem está começando.

Esta primeira parte deve ser o suficiente para desenvolvedores.

Capítulo 1 - Introduzindo o HTML

Introdução O que é HTML ? O que são tags HTML ? Conteúdo pré-formatado (pre) e texto de código (code) Conteúdo de textos (títulos, parágrafos e negrito) Conteúdo de links (âncoras) Conteúdo de listas (ordenadas e não ordenadas) Conteúdo de imagens Teste seu conhecimento sobre HTML

Veja também o primeiro web site da Internet.

Capítulo 2 - Introduzindo o CSS

Convidando o CSS E essa tal de cascata ? As regras do CSS Aplicando o CSS de forma inline (local) Aplicando o CSS de forma embedded (incorporada) Aplicando o CSS de forma linked (externa) Estilizando a fonte do documento Estilizando o texto do documento Estilizando dimensionamentos, espaçamentos, margens e bordas

Capítulo 3 - Conheça os elementos básicos

Sintaxe básica do HTML Texto Âncoras (links) Listas Tabelas

Capítulo 4 - Conheça os estilos básicos

content border style margin display

Capítulo 5 - Aplicando seu conhecimento

Estrutura básica de um HTML Seu primeiro HTML Criando um HTML de primeira qualidade Adicionando CSS ao HTML Seu alvo é o HTML, sua arma é o CSS Resconstruindo a biografia de Rasmus Ledorf

Capítulo 6 - Formulários Web

Introdução aos formulários web Estilização básica de um formulário web Campos: textbox, textarea e password Checkbox: caixa de checagem Radio: botões de opção Combo box: caixa de seleção Botões: button, submit e reset Enviando arquivos: input type file

Capítulo 7 - Conceitos

O básico sobre Servidor Web Caminhos (paths) absolutos, relativos e etc... Seletores Dom - Document Object Model Elementos in-line e elementos block-level Pseudoelementos

Design (segunda parte)

Esta seção é dedicada aos designers, webmaster ou qualquer entusiasta da criação de páginas web.

Ela está em construção, então pode ser que voce se depare com alguns trechos em obras.

Fique à vontade caso queira colaborar.

Capítulo 8 - Tipografia

Introdução a Tipografia (para a Web) Propriedades para fontes Font Family Genéricas Font Family Seguras

Capítulo 9 - div´s

Flutuando divs position Posicionamento Fixo Modelo de caixa (box model) Criando shapes com CSS

Capítulo 10 - Centralizando

Centralizando div com margem automatica Centralizando div com margem negativa

Capítulo 11 - Imagens

tag img tag figure background image Flutuando imagens

Capítulo 12 - Layout

Media Queries Unidades vw, vh, vmax e vmin Page Background Image Flex Box Flex Box - containers Flex Box - items Grid Layout

Além do DevFuria