Skip to content

labenuexercicios/css-I-exercicios

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS I - Exercícios

Setup do projeto no Git

Siga esses passos pra fazer o setup e poder trabalhar no seu projeto:

  • Crie um fork deste projeto.
    Esqueceu como se faz? Fork a sua própria cópia de nome-do-repo
  • Clone sua PRÓPRIA versão do repositório
    Esqueceu como se faz? Garanta que o repositório é seu-usuário/nome-do-repo e faça o clone
  • Crie uma nova branch: git checkout -b <turma-nome-sobrenome-css-i>.
    Entenda o comando `git checkout -b`

    Na aula vocês aprenderam a criar uma branch (`git branch "nome-branch"`) e se mover até ela (`git checkout "nome-branch"`). Porém, o git permite utilizar contrações para realizar mais de ação com um único comando, que é o caso do (`git checkout -b "nome-branch"`), que cria e automaticamente se move para a branch recém criada.

  • Implemente o projeto na branch <turma-nome-sobrenome-css-i>. Lembre-se de fazer commits.
  • Dê push nos commits: git push origin <turma-nome-sobrenome-css-i>.

Siga os passos abaixo ao terminar seu projeto, para enviá-lo:

  • Envie um Pull Request da sua branch recém enviada, para que seja possível fazer o merge depois. POR FAVOR NAO FAÇA O MERGE DO SEU PRÓPRIO PULL REQUEST
  • Após o momento de feedback e correção, aprove seu Pull Request e faça o merge
  • Seu projeto será considerado completo quando a aprovação e o merge com a main acontecerem em seu próprio repositório.

Como eu vou executar os exercícios?

Desta vez todos os arquivos .md com o enunciado estão na pasta raíz do repositório, pois iremos utilizar os mesmos arquivos .html e .css. Dessa vez, você deve alterar o arquivo CSS, ver o resultado acessando o arquivo. No seu navegador de internet (sugerimos o Google Chrome). Para acessar o arquivo, você pode copiar o caminho dele e colar no navegador, ou utilizar a extensão LiveServer. Mais detalhes sobre a extensão no material assíncrono. Além disso, você pode utilizar o Chrome DevTools para entender como estão as propriedades dos elementos do seu projeto.

O que você precisa saber e praticar desta aula?

  • item 1 - Seletores
  • item 2 - Box model
  • item 3 - Fontes

No final do exercício, o projeto deve se parecer com isso:

Informações úteis sobre o assunto:

Seletores| MDN

Box model | MDN

fontes - CSS Básico | MDN

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages