1. Faça um bom uso da abreviação CSS pode reduzir o tamanho do arquivo de página, aumentar a velocidade de download e simplesmente ler o código. Pode ser escrito como Outro exemplo: Pode ser reescrito como: (Para detalhes, consulte: Manual de referência CSS2, resumo de abreviação de CSS comumente usado) 2. Ele pode definir várias regras para o atributo de classe de um elemento HTML ao mesmo tempo (definição de classe múltipla). Este elemento também inclui estilos definidos em A e B 3. Esclarecer a unidade, a menos que o valor seja 0 Nota: Não adicione uma grade vazia entre numéricos e unidades. 4 Manuscritos diferenciados em XHTML. Não é possível mostrar uma linha de borda de 1 pixel 5. Os recentes princípios prioritários do CSS se você definir vários estilos em um elemento, o mais recente estilo de primeiro nível de nível de primeiro nível será definido por outros estilos. Isso mostra vermelho aqui Isso mostra azul aqui Mostra verde aqui Aqui está amarelo Também é exibido como amarelo porque o .yllow está por trás. Blue. 6. Definições de uso de sub -seletores para reduzir a identificação e a classe, por exemplo: Pode ser alterado para: 7. Não adicione o caminho da imagem de fundo para alterar o fundo: URL ("xxx.gif") ao fundo: URL (xxx.gif) 8. O caminho da imagem em segundo plano é relativo da página CSS atual. Por exemplo: 9. Use o seletor de grupo para aplicar o mesmo estilo para elementos diferentes, como H1, H2, H3, Div {Size-Size: 16px; Fonte-peso: Bold} 10. Escreva o estilo de link correto. 11. Alterações proibidas de conteúdo e alterações obrigatórias de conteúdo em tabelas ou camadas, podemos esperar que o conteúdo não seja alterado ou forçado a alterar a linha. 12. Diferença entre parente e absoluto Parente, a escrita no CSS é: Posição: Ele significa relativamente relativamente posicionando. Como preenchimento no nível dos pais, o nível atual do nível atual está localizado com referência ao ponto original da área de conteúdo pai. 13. Diferença entre div e span 14. Diferença entre exibição e visibilidade
como:
Div {
Top de borda: 1px Solid #CCCCCCC;
Border-left: 1px Solid #ccccccc;
Right-direita: 1px Soli #ccccccc;
Bottom: 1px Solid #ccccccc;
}
P {Border: 1px Solid #ccccccc}
Div {
Margin-top: 10px;
Margem-direita: 20px;
Margin-Bottom: 30px;
margem-heft: 40px;
}
/*Preste atenção à ordem de escrever, direita, para baixo e esquerda*/
div {margem: 10px 20px 30px 40px}
/*Observe que o valor e a unidade não podem ter um espaço, e o espaço é separado pelo espaço entre cada valor*/
Normalmente escrevemos:
De fato, podemos especificar várias regras para o elemento P, como:
CSS:
.a {...}
.b {….}
Html:
Nota: Separe com os espaços entre várias regras.
Esqueci de definir o tamanho é um problema comum nos iniciantes do CSS. Podemos escrever largura = "100" em HTML, mas uma unidade precisa deve ser fornecida no CSS. Como: largura: 100px; O tamanho do valor 0 é igual.
Como #AAA, que é diferente de #AAA.
Se #AAA for definido no CSS, o uso de AAA nos elementos HTML para aplicá -lo não poderá obter o estilo definido em #AAA.
Exemplo Código:
CSS:
#AAA {Border: 1px Solid #ccc}
Html:
como:
CSS:
p {cor: vermelho}
.blue {cor: azul}
.yllow {cor: amarelo}
Html:
Perceber:
(1) Preste atenção a várias sequências prioritárias de estilos (diminui a prioridade de cima para baixo):
-Configurações do estilo-NELE
-Configurações de área de cabeça
-S arquivos CSS de referência externa (2) A prioridade não é definida na ordem de acesso, mas a ordem do pedido no CSS está definida.
Como mostrado no exemplo acima, ele mostra amarelo
#Contain {..}
#Contain_ul {...}
.contail_li {...}
#Contain {..}
#Contain ul {...}
.Contain ul li {...}
Porque adicionar cotações para alguns navegadores pode causar erros.
É a seguinte estrutura de estrutura de diretório
--xxx.gif
--CSS
--xx.css
--index.html
Conteúdo do código
index.html refere -se ao arquivo xx.css.
xx.css para citar imagens xxx.gif, o método de escrita é: Background: url (../ imagens/xxx.gif)
Então os estilos de elementos H1, H2, H3, DIV são todos da fonte de 16 pixels, e a fonte é ousada
Se você não escrever nesse pedido, pode não alcançar os resultados desejados. Para lembrar a ordem, extraímos a primeira letra de cada palavra: LVHA, você pode se lembrar da ordem memorizando o amor, o ódio e as duas palavras.
O embrulho de linha é proibido: espaço em branco: Nowrap
Quebra de linha forçada: word-wrap: break-word;
Absoluto, a escrita no CSS é: Posição: Absoluto; O ponto original é marcado como o ponto original com base no pai. Se o TRBL estiver definido e o nível pai não definir o atributo de posição, o absoluto atual será posicionado com o ponto original no canto superior esquerdo do navegador e a posição será determinada pelo trbl.
Uma div é um elemento em nível de bloco que pode conter parágrafos, tabelas etc., para colocar conteúdos diferentes. Geralmente, usamos o DIVS para layout e localizar cada bloco na página da web.
O SPAN é um elemento associado interno, sem significado prático.
Exibição: Nenhum e visibilidade: O oculto pode ocultar um elemento, mas a visibilidade: oculta apenas esconde o conteúdo do elemento, mas o espaço de localização usado ainda é retido.
Exibição: Nenhum é bastante removido da página e sua posição de ocupação também será excluída.