Explique o código css a seguir: .social li a { height: 32px; width: 32px; display: block; text-indent: 10px; } *
Respostas
CSS é o código que mexe com o front-end, ou seja, o que aparece pro usuário.
".social" todo início de linha do css que tiver . é o nome da variável no código de back-end(código que faz o funcionamento do site, que o usuário não vê, apenas interage)
"li" é usado para fazer listas em HTML
"height:32px" é em que altura da página o item vai ficar, sabendo que é necessário definir o tamanho dela no começo do CSS. Então, por exemplo, se foi definido que a página tem 64px por 64px, o item vai se localizar no meio do eixo vertical (|).
"width:32px" é em que parte do eixo horizontal (-) o item vai se localizar. Então, seguindo o exemplo acima, a página tendo 64 px por 64px, o item se localizará no centro da página, em relação ao eixo horiontal.
"display: block" é o layout da página, podendo ser block, none, inline, entre outros. Block é o que permite que, quando uma linha chegar no final do bloco, ela pule para a próxima, ao invés de continuar reto, e sumir da página (exemplo: é o que permite que as respostas do brainly fiquem numa caixinha, ao invés de uma linha infinita)
"text-indent:10px" é o que especifica a quantidade de recuo (espaço vazio) que é colocado antes de linhas de texto em um bloco. Ou seja, permite que o texto fique assim:
Olá, mundo!
Ao invés de ficar assim:
Olá mundo!