No internet connection
  1. Home
  2. CSS

Dicas em CSS

Por @Grasiele
    2023-06-30 10:27:07.168Z

    Algumas das propriedades CSS.

    1. background-color: Define a cor de fundo de um elemento.

    2. color: Define a cor do texto de um elemento.

    3. font-size: Define o tamanho da fonte do texto de um elemento.

    4. font-family: Define a família de fontes para o texto de um elemento.

    5. margin: Define o espaço ao redor de um elemento.

    6. padding: Define o espaço dentro de um elemento.

    7. border: Define a borda de um elemento.

    8. width: Define a largura de um elemento.

    9. height: Define a altura de um elemento.

    10. display: Define como um elemento deve ser exibido.

    11. position: Define a posição de um elemento na página.

    12. float: Define se um elemento deve flutuar à esquerda ou à direita de outros elementos.

    13. text-align: Define o alinhamento horizontal do texto de um elemento.

    14. line-height: Define a altura da linha do texto de um elemento.

    15. background-image: Define uma imagem de fundo para um elemento.

    16. box-shadow: Define a sombra de caixa para um elemento.

    17. transition: Define as transições de animação para um elemento.

    18. transform: Define as transformações de animação para um elemento.

    19. opacity: Define a opacidade de um elemento.

    20. z-index: Define a ordem de empilhamento de elementos sobrepostos.

    • 12 respostas
    1. Bianca Rodrigues @limrodbia
        2023-06-30 22:14:15.372Z

        Aproveitando o tópico e aproveitando também que estamos com o dever de casa de fazermos algumas replicas de aplicativos/páginas, deixo como dica uma aula que super me ajudou sobre responsividade, já que discutimos acerca dos resultados finais por conta das diferenças de tamanho de telas.
        Link: https://youtu.be/jEf_zX4fKqU

        1. Em resposta aGrasiele:
          lira gabriella soares nunes @lira
            2023-07-04 14:43:30.365Z

            muito bom! o curso em vídeo do prof guanabara também é bom pra gente entender mais sobre o assunto. https://youtu.be/Ejkb_YpuHWs)

            1. Em resposta aGrasiele:
              Karine Barbosa Farias @KarineBF
                2023-06-30 13:33:23.444Z

                Vou aproveitar e compartilhar um incrível PDF sobre HTML e CSS do Guanabara. Além de fornecer informações valiosas para construir uma boa base, ele também inclui uma série de exercícios no final, o que é ótimo para testar nossos conhecimentos.

                https://github.com/gustavoguanabara/html-css/blob/master/aulas-pdf/03%20-%20Como%20funciona%20HTML%20e%20CSS.pdf

                1. Em resposta aGrasiele:
                  Ana Karolina Souza @anakarolina
                    2023-07-04 15:06:49.751Z

                    Aproveitando o gancho de vocês, os principais seletores CSS
                    https://www.w3schools.com/cssref/css_selectors.php

                    1. Em resposta aGrasiele:

                      Aproveitando o post de CSS, esses dois joguinhos são fantásticos para praticar o Flexbox e o Grid.
                      Grid Garden:
                      https://cssgridgarden.com/
                      Flexbox Froggy:
                      https://flexboxfroggy.com/
                      Além do site possuir vários outros jogos voltados para outros temas da programação. É uma forma leve e divertida de fixar o conteúdo.

                      1. Em resposta aGrasiele:
                        Polyanna Santana @Polyanna
                          2023-07-04 17:43:33.761Z

                          perfeitooo

                          1. Em resposta aGrasiele:
                            Débora Barbosa @deborabarbosa
                              2023-07-04 18:15:53.456Z
                              1. Progress
                              2. @Grasiele
                                  2023-07-04 13:07:38.970Z

                                  Meninas... amo esses gatinhos para ajudar no alinhamento.

                                  1. Grazielly Cunha @graziellyac
                                      2023-07-04 17:12:35.680Zreplies toGrasiele:

                                      kkkk o povo é criativo viu, melhor maneira de explicar

                                      1. Polyanna Santana @Polyanna
                                          2023-07-04 17:44:23.446Zreplies toGrasiele:

                                          melhor explicação que essa não existe, vou salvar!

                                          1. @Grasiele
                                              2023-07-04 20:54:28.500Zreplies tograziellyac:

                                              Eu amei quando vi kkk

                                              1. @Grasiele
                                                  2023-07-04 20:54:45.807Zreplies toPolyanna:

                                                  Achei tão fácil didático né kkk