<p align="center"> <a href="https://github.com/he4rt/4noobs" target="_blank"> <img src="./img/id-4noobs/header-4noobs.svg"> </a> </p>

css4noobs

<h1 align="center"><img src="./img/logo-css.png" alt="php" width="120"></h1> <p align="center">CSS básico para iniciantes.</p> <p align="center"> <a href="https://opensource.org/licenses/MIT"> <img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License MIT"> </a> </p>

Switch to english: <kbd><img title="English" alt="English" src="https://cdn.staticaly.com/gh/hjnilsson/country-flags/master/svg/us.svg" width="22"></kbd>

ROADMAP

Introdução

1. Boas Vindas
2. Como Contribuir
3. O que é CSS?
4. Como o CSS funciona?
5. Adicionando CSS no HTML

Configuração de Ambiente

1. Ambiente e Aplicação

Módulo Básico

1. Seletores
2. Pseudo-classes
3. Pseudo-seletores
4. Box Model
5. Display
6. Units
7. Position
8. Z-index
9. Background
10. Border
11. Border Radius
12. Box Shadow
13. Transition
14. Manipulação de Texto (color, font, links, text)

Módulo Intermediário

3. Flexbox
4. CSS Grid
5. Variáveis CSS
6. PostCSS
7. Funções

Referências

• https://cdn.rawgit.com/hostinger/banners/94941d64/tutorials/pdf/CSS-3-Cheatsheet.pdf
• https://www.hostinger.com.br/tutoriais/o-que-e-css-guia-basico-de-css/
• https://www.w3schools.com/css/default.asp

Como Contribuir

Contribuições fazem com que a comunidade open source seja um lugar incrível para aprender, inspirar e criar. Todas contribuições são extremamente apreciadas

1. Realize um Fork do projeto
2. Crie um branch com a nova feature (git checkout -b feature/feature-css)
3. Realize o Commit (git commit -m 'Add some feature-css')
4. Realize o Push no Branch (git push origin feature/feature-css)
5. Abra um Pull Request

Autores

• Matheus Henrique (math95) - Developer & Member of He4rt Developers - Twitter

• Guilherme Vieira (@gitlherme) - Developer at Just Digital, member of He4rt Developers and organizer at @perifacode - Twitter

• Gabriel Angelo (Angells1) - Frontend Developer & Member of He4rt Developers Twitter

• Igor Wessel (igorwessel) - Developer & Member of He4rt Developers Twitter

• Giovane Cardoso (Novout) - Developer & Member of He4rt Developers Twitter

<p align="center"> <a href="https://github.com/he4rt/4noobs" target="_blank"> <img src="./img/id-4noobs/footer-4noobs.svg" width="380"> </a> </p>