Os três elementos envolvidos são o elemento BODY, o elemento H1 e o elemento Parágrafo. Cada um deles tem um atributo de estilo. Se você quiser omitir os atributos de estilo para esses elementos, então você teria que digitar o seguinte no elemento HTML HEAD da página web. No código acima você vê o elemento HEAD. No elemento HEAD você tem o que é chamado o elemento STYLE HTML. O elemento STYLE é um elemento HTML, não um elemento CSS. CSS não tem realmente elementos. A marca de início do elemento STYLE acima tem o atributo, tipo. O valor deste atributo é "text /css".
Isto significa que você está lidando com uma folha de estilo em cascata de natureza texto. A palavra "texto" vem em primeiro lugar antes "css" no valor. O elemento STYLE tem uma tag inicial e uma tag final. O elemento STYLE não pode ser visto no navegador, mas vai estar presente. Ele só pode conter de apresentação (CSS) de código. O que você tem entre a marca de início e estilo a tag end estilo é chamado de uma folha de estilo. Lembre-se, para a situação aqui, não queremos que qualquer atributo de estilo para o corpo HTML, H1 e elementos P.
Assim, o recurso de apresentação para o elemento BODY é agora na folha de estilo e é: body {background-color: black} Você tem a palavra, o corpo, em seguida, um espaço e, em seguida, um par de chaves. Nas chaves, você tem o que tínhamos para o valor do atributo estilo do elemento BODY. A próxima linha na folha de estilo é: h1 {color: amarelo} Isso é para o elemento H1. Você tem a palavra, H1, em seguida, um espaço e, em seguida, um par de chaves. Nas chaves, você tem o que tínhamos para o valor do atributo estilo do elemento H1.
A próxima linha na folha de estilo é: p {background-color: blue; color: red} Isso é para o elemento P. Você tem a palavra, P, em seguida, um espaço e, em seguida, um par de chaves. Nas chaves, você tem o que tínhamos para o valor do atributo estilo do elemento Parágrafo. Há três linhas na folha de estilo. Pode haver muitas linhas na folha de estilo. Cada uma dessas linhas é chamado de um conjunto de regras ou simplesmente, norma ou declaração.
Folha de estilo interna Então o código da página web que vimos na parte 1 pode agora ser escrita como:
texto, texto, texto, texto, texto, texto, texto, texto , texto
Os pares estabelecimento /valor não são mais os valores de atributos de estilo dos elementos. Cada par propriedade /valor está agora em uma regra da folha de estilo no elemento H