***** Separe conteúdo do estilo
1. Os padrões da Web são uma série de padrões, que são uma série de padrões técnicos.
Quando usado, é um aplicativo de combinação
【1】 Conteúdo estruturado XHTML
【2】, expressando conteúdo CSS
【3】 Conteúdo comportamental JavaScript
2. Gadget-Firebug de desenvolvimento da web no navegador Firefox
Firebug de ferramentas-add-ons search
Como um trabalho de front-end da Web, é necessário ser compatível com navegadores como IE, Firefox, Google Liu, Safari, etc.
Se a página da web possui um estilo CSS, varre o tamanho do texto no navegador.
3. Habilidades de definição CSS:
[1]. Para futuras otimização de código CSS, recomenda -se que todos os valores de atributo sejam trazidos com eles;
【2】 Algumas tags XHTML têm seus próprios valores de atributo CSS padrão.
Por exemplo, a tag H1 tem seu próprio valor de atributo, que é automaticamente em negrito e tem um tamanho de fonte maior.
[3]. Para ser compatível com os principais navegadores, é recomendável redefinir os atributos CSS de todos os elementos para o padrão ao defini -los.
[4] Diferentes navegadores têm seus próprios valores de atributo CSS- o pior é a compatibilidade do navegador.
【5】 O que devo fazer se quiser usar uma fonte especial? -Convide-o em uma imagem.
Dividido em fontes chinesas e inglesas. Defina a ordem das fontes, defina as fontes inglesas na frente e os chineses nas costas.
【6】, ferramenta de edição CSS-é bom usar qualquer coisa, dominar, matar pessoas com folhas
【7】. Se você deseja que o texto se concentre na direção vertical, defina a altura da linha na altura do elemento. A altura da linha = altura do elemento
【8】 CSS pode ser redefinido, o estilo padrão da tag XHTML.
4. A maneira como o aplicativo CSS usa para as páginas da Web é equivalente a usar roupas para as pessoas.
【1】, estilo em linha: aplicado a um.
[2]. Estilo de incorporação: aplicado a um tipo de tag.
[3] Se tivermos muitas páginas da Web, precisamos usar o CSS e escrever esses CSs em um arquivo independente. Este é um link externo e é recomendável usá -lo.
[4]. Estilo de importação: é também escrever o estilo em um arquivo e despeje -o em uma página da web.
***** Observe que o estilo de importação é realmente semelhante ao estilo incorporado, adicionando estilos às páginas da web.
1. O método de importação ocupará o espaço de arquivos HTML
2. Alguns problemas de análise do navegador. O navegador finalmente lerá o conteúdo em @import
3. Importar arquivos de vários estilos para um arquivo de estilo.
2. Características do CSSO CSS é chamado de folha de estilo em cascata.
1. Herança: o elemento filho herdará certos estilos do elemento pai.
[Como alguns elementos filhos têm valores padrão, eles não usam elementos dos pais]
2. Sobreposição: Se um elemento filho definir o mesmo estilo que o elemento pai, o estilo do elemento pai será substituído.
***** O estilo na parte de trás substituirá o estilo na frente
3. Prioridade para os estilos CSS: quando há um conflito em estilos, quem devo ouvir?Prioridade do CSS: Princípio da Proximidade
Quanto menor o escopo da ação, maior a prioridade.
Quanto mais você deseja modificar o estilo, maior a prioridade.
Vovô-Red
Pai-verde
Criança-azul
Selecione Prioridade
Em linha> id> classe> seletor de etiqueta
Em casos especiais, podemos aumentar as permissões de um determinado atributo.
***** A ferramenta IETEST também possui uma questão de compatibilidade e não pode ser aberta no Win7 .-- Faça o download da versão verde do IE6. Qual versão é usada sem instalá -la.
4. Alguns textos comumente usados, estilos CSS controlados por texto***** Quando aplicamos o estilo CSS, devemos prestar atenção ao seu valor padrão. Porque diferentes navegadores têm diferentes valores padrão de CSS (diferentes atributos navegando
O suporte do dispositivo é diferente. Também precisamos garantir a compatibilidade de nossas páginas da web e tentar usar os atributos passados sem a necessidade de atributos com compatibilidade diferente. )
5. O CSS controla um certo estado da classe de elemento-pseudo-Sintaxe da pseudo-classe:
Nome do elemento: Nome da pseudo-classe {atributo: value}
Por exemplo: o mouse que passa pelo hiperlink
A: Hover {Decoração de texto: sublinhado;}
***** Se o mouse for colocado, modifique a ordem do status da conexão lvha
O HTML/CSS acima (o primeiro guia de leitura obrigatório para iniciantes) é todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o vevb wulin.com.
Endereço original: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html