3
respostas

CSS

Olá, pq no arquivo com extensão css utiliza { e não < ?

Obrigada

3 respostas

Olá Luana,

A linguagem do CSS é diferente do HTML. O CSS sempre vai seguir esse padrão:

elemento { 
    regras de estilo
}
Porém...

Quando o CSS é escrito diretamente no HTML, ele pode aparecer de 2 formas direfentes:

In-line (ou seja, na própria linha do elemento)

<body>
    <p style="color: red; font-size: 14px;">Hello World!</p>
</body>

Perceba que, como as regras do CSS já estão inseridos nos atributos do elemento, não é necessário seguir o padrão explicado anteriormente. Basta escrever entre aspas no atributo style as regras CSS desejadas, separando cada uma das regras por ponto e vírgula ( ; ).

Também temos a forma "interna" de incluir regras CSS no HTML, utilizando da tag <style> dentro do head do arquivo.

<head>
    <style>

        p {
            color: red;
            font-size: 14px;
        }

    </style>
</head>

Perceba que aqui sim, nós seguimos o padrão citado anteriormente.

Isso vale da mesma forma para o método externo, o qual vai utilizar um arquivo .css externo ao HTML, sendo assim necessário somente a declaração do mesmo no head do documento.

<head>
    <link rel="stylesheet" href="arquivo.css">
</head>

Dentro de arquivos .css, também escrevemos da forma padrão, utilizando

elemento {
    regras de estilos
}

Só um comentário - não esquecer de finalizar o tópico e marcar a solução para quem a deu. Beleza.

Html é uma linguagem de marcação que usam as tags, dai vem o <>.

Css é uma ferramenta para dar style ao seu Html que usa { }, seguindo o padrão:

elemento { regras de estilo }