Explicação: Existem três tecnologias para desenvolvimento web, nomeadamente html, css e js, que correspondem à estrutura, desempenho e ação da página respetivamente. A introdução do estilo css significa que a renderização da página é aplicada ao html, e existem três formas: inline, incorporado e outlink.
O primeiro: estilo inline (não recomendado)
Defina o estilo dentro da tag, várias configurações de atributo são separadas por ponto-e-vírgula (;)
<!-- 用行内式设置字体颜色为蓝色 -->
<h1 style="color: blue;">行内式</h1>
O segundo tipo: incorporado (recomendado)
Defina a tag style fora da tag body e escreva os atributos do elemento html dentro da tag style. Recomenda-se que a tag style seja escrita na tag head.
<head>
……
<style>
/* 用内嵌式设置字体颜色为蓝色*/
h1 {
color: red;
}
</style>
<!-- 建议style标签写在head标签内 -->
</head>
<body>
<h1>内嵌式</h1>
</body>
O terceiro tipo: extensão (profissional)
Extraia o código de estilo e gere um arquivo com o sufixo .css. Se precisar usar html, basta citá-lo e vários arquivos css podem ser vinculados externamente. Deve-se observar que o caminho pode usar um caminho absoluto; mas se você quiser usar um caminho relativo, o caminho é da perspectiva do arquivo html, "./" indica o diretório horizontal do arquivo html; ".. ./" indica o diretório de nível superior, ".../.../ "Indica o diretório pai e assim por diante.
<head>
……
<!-- vscode 敲"link:css"会有代码提示 -->
<link rel="stylesheet" href="../essay/css.css">
</head>
<body>
<h1>外联式</h1>
</body>
prioridade
O princípio de usar estilos para elementos html é: o princípio da proximidade, ou seja, o estilo que estiver mais próximo de você, você deve usar o que preferir.
Remova o estilo inline e veja o uso dos outros dois estilos
Resumir
O primeiro tipo de estilo embutido, o estilo só pode ser aplicado a um único elemento e, se o código do estilo for muito escrito, o rótulo ficará muito longo, o código será difícil de ler e não é recomendado;
O segundo tipo de estilo incorporado separa o estilo da interface da página, o que melhora a legibilidade do código. No entanto, se a estrutura da página for complexa e houver muitos estilos CSS, a manutenção e o desenvolvimento serão mais difíceis. Por exemplo, se você deseja ver o estilo de um elemento, precisa verificar para cima e para baixo com frequência. A estrutura da página não é muito complicada e é recomendável usá-la quando não houver muitos códigos de estilo.
O terceiro tipo de divulgação, que suporta o outlinking de vários arquivos de estilo css, é um método de importação profissional, como alguns sites encontrados em navegadores, como o site oficial da CSDN, que usa esse método.
