Incorporar CSS no HTML 5 - é assim que é feito
Você pode integrar facilmente CSS no HTML 5. Como se você deseja tornar seus documentos HTML e XML mais atraentes graficamente, o Cascading Style Sheets (CSS) é uma boa opção. A linguagem de formatação oferece várias opções para aprimorar visualmente seus sites. Existem basicamente três maneiras diferentes de integrar CSS no HTML 5. Vamos mostrar isso nesta dica prática.
CSS em HTML 5: Opção 1 - Terceirizar arquivo CSS
A primeira opção é mover o CSS para um arquivo separado. Isso oferece inúmeras vantagens: As folhas de estilo não afetam apenas uma única página, mas são usadas automaticamente em todas as páginas HTML5. A principal vantagem é a administração central. Você pode implementar rapidamente alterações em todas as páginas. Como incorporar um arquivo CSS no HTML 5:
- Crie um novo arquivo CSS.
- Na área principal, consulte o seu arquivo CSS. Nesse caso, o arquivo foi nomeado style.css - mas a nomeação é obviamente individual:
- Você deve salvar o arquivo style.css no diretório principal do servidor web.
- Você integrou com êxito o seu arquivo CSS no HTML 5.
CSS no início do seu arquivo HTML 5
Se você não deseja criar um arquivo CSS terceirizado, também pode definir as propriedades CSS no cabeçalho do seu documento HTML 5. Eles afetam apenas esse arquivo HTML 5, não para todas as páginas HTML 5.
- Abra o seu documento HTML 5
- Insira o seguinte comando na área principal:
- Agora defina as propriedades desejadas: pode ser, por exemplo, o tamanho dos cabeçalhos, a cor do texto, etc. Use os comandos CSS familiares para isso.
- Feche o comando após inserir as propriedades com.
- As propriedades especificadas são adotadas para este documento HTML 5.
Estilo CSS embutido: use comandos diretamente
A última maneira de integrar CSS no HTML 5 é o estilo embutido. Isso significa que você insere seus comandos diretamente no código fonte.
- Vá para o ponto em que deseja alterar a exibição gráfica.
- Digite os comandos CSS diretamente. Por exemplo, isso pode ser assim:
Uma subposição azul
- A propriedade é usada apenas para este comando.