/*Área de comentário*/Esta é a sintaxe do comentário
1. Folha de estilo (I) Classificação de folhas de estilo 1. Folha de estilo embutidoÉ exibido em conjunto com HTML, com controle preciso, mas baixa reutilização e mais redundância.
Exemplo: <p style = font-size: 14px;> folha de estilo embutida </p>
2. Folha de estilo de incorporaçãoComo uma área independente incorporada na página da web, ela deve ser gravada na etiqueta da cabeça.
<tipo de estilo = texto/css>
p // formato funciona na tag P
{
estilo;
}
</style>
3. Folha de estilo externoCrie um novo arquivo CSS para colocar a folha de estilo. Se você deseja ligar para uma folha de estilo em um arquivo HTML, clique com o botão direito do mouse → Folha de estilo CSS → Folha de estilo anexada no arquivo HTML. Geralmente, a conexão do link é usada.
Nota: Não há necessidade de escrever tags de estilo no arquivo CSS
Algumas tags têm margens padrão, que geralmente são removidas primeiro ao escrever código de lençol de estilo (outros estilos podem ser definidos), da seguinte forma:
Nota: A imagem acima é remover as margens e o espaçamento primeiro.
(Ii) Seletor 1. Seletor de tags. Use o nome da etiqueta como seletor. 2. Seletor de classe. Todos eles começam . Nota: O seletor de classe pode ser sobreposto ao seletor de etiquetas para mostrar efeitos diferentes. 3. Seletor de ID. Comece com # . Nota: O seletor de ID pode ser sobreposto ao seletor de tags para mostrar efeitos diferentes.<div id = nome do estilo>
4. Seletor de computação(1) Use, separe e indique paralelismo.
(2) Separe -o com espaços para representar descendentes.
(3) filtro.
2. Propriedades do estilo (I) Fundo e primeiro plano 1. Antecedentes:2. Font de primeiro plano: (Ii) fronteiras e fronteiras borda (borda da mesa, estilo, etc.), margem (espaçamento externo da mesa). preenchimento (conteúdo e espaçamento de células). (Iii) Lista e bloqueio Largura , altura , ( superior , inferior , esquerda , direita ) é útil apenas em coordenadas absolutas. O código da folha de estilo CSS é exibido:
Código de arquivo CSS:
CSS Code Copy Content para a área de transferência