🔄 Available in: 🇧🇷 Português | 🇺🇸 English

🌐 HTML & CSS – Fundamentos Visuais na Prática

Este repositório contém exemplos didáticos de HTML e CSS, com foco em técnicas essenciais para criação e estilização de páginas web. Cada exemplo é separado por tema, permitindo que você estude de forma clara e organizada.

---

📚 Tópicos abordados

Aqui estão os principais assuntos disponíveis no repositório:

🔗 Formatação de Links

• Remoção de sublinhado
• Mudança de cor em diferentes estados: :hover, :visited, etc.

📦 Modelo de Caixa (Box Model)

• Uso prático de margin, padding, border e content
• Demonstração do comportamento das caixas com e sem box-sizing: border-box

🧱 Elementos Flutuantes na Prática

• Aplicação real do float
• Alinhamento de elementos lado a lado
• Correção de problemas com clear

🧩 Sobreposição de Elementos

• Controle de camadas com z-index
• Exemplo visual de elementos sobrepostos com position: absolute

📍 Tipos de Posicionamento

• static, relative, absolute, fixed e sticky
• Exemplo prático de cada tipo, com destaque visual

---

📁 Estrutura do repositório

/html-css-examples/
│
├── links/
│   └── formatacao-links.html
│   └── styleLink.css
│
├── box-model/
│   └── modelo-caixa.html
│   └── style.css
│
├── float-Elements/
│   └── elementos-flutuantes.html
│   └── float-elements.html
│   └── StyleFloat.css
│
├── sobrepondo/
│   └── sobrepondo.html
│   └── Intern Css
│
├── positions/
│   └── posicionamentos.html
│   └── stylePosicionamentos.css
│
└── README.md
└── README-en.md

---

🚀 Como usar

1. Clone ou baixe o repositório:

   https://github.com/VianaLeo13/FuncoesHTML-CSS.git

2. Abra os arquivos .html no navegador para visualizar os exemplos.
3. Explore os arquivos .css para entender como os estilos são aplicados.

---

🎯 Objetivo

Este repositório tem como objetivo auxiliar estudantes e iniciantes a:

• Compreender conceitos essenciais de layout
• Visualizar o efeito prático de cada propriedade CSS
• Praticar com códigos simples e bem comentados

---

🧠 Requisitos

• Navegador moderno (Chrome, Firefox, Safari...)
• Editor de código (recomendado: VS Code)

---

💡 “A prática constante com pequenos exemplos é o caminho mais sólido para dominar a web.”