1. Use a tag da tabela e suas próprias funções
<style> .parent{ borda: 1px vermelho sólido; altura: 500px } .child{ borda: 1px preto sólido } </style><body> <!-- --> <table class=parent> <tr> <td classe = criança> teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste </td> </tr> </table></body>Efeito
2. margem esquerda: -50px; margem superior: -50px;
<estilo> .parent{ posição: relativa; cor de fundo: amarelo; altura: 200px } .child{ largura: 100px; ; esquerda: 50%; margem esquerda: -50px; margem superior: -50px } </style>Efeito
3. transformar: traduzir (-50%, -50%)
<estilo> .parent{largura: 500px; altura: 300px; borda: posição vermelha sólida: } .child{largura: 200px; ; esquerda:50%; transformar: traduzir(-50%,-50%) } </style>Efeito
4. margem: automática;
<estilo> .p{ largura: 300px; altura: 200px; posição vermelha sólida: } .c{ largura: 80px; ; superior:0; inferior:0; esquerda: 0; direita: 0 } </style>Efeito
5. Caixa flexível
<estilo> .p{ borda: 1px vermelho sólido; largura: 400px; altura: 100px; : vermelho;} </style>Efeito
Quais são os novos recursos do html5CSS3 e quais elementos foram removidos? Como lidar com problemas de compatibilidade do navegador com novas tags HTML5? Como diferenciar entre HTML e HTML5?HTML5 não é mais um subconjunto do SGML, trata-se principalmente de adição de imagens, localização, armazenamento, geolocalização e outras funções.
Elemento de tela de pintura
elementos de vídeo e áudio para reprodução de mídia
Armazenamento offline local localStorage armazena dados por um longo tempo e os dados não são perdidos após o navegador ser fechado;
Os dados do sessionStorage são excluídos automaticamente após o navegador ser fechado
Elementos de conteúdo com melhor semântica, como artigo, rodapé, cabeçalho, navegação, seção
Controles de formulário, calendário, data, hora, email, URL, pesquisa
CSS3 implementa cantos arredondados, sombras, efeitos especiais no texto e adiciona mais seletores CSS e rgba multi-fundo
Webworker de novas tecnologias, websockt, Geolocalização
elemento removido
Elementos puramente expressivos: basefont, big, center, font, s, strike, tt, u;
Elementos que têm impacto negativo na usabilidade: frame, frameset, noframes suportam tags geradas através do método document.createElement.
Este recurso pode ser usado para permitir que esses navegadores suportem novas tags HTML5.
Depois que o navegador suportar a nova tag, você também precisará adicionar o estilo padrão da tag: claro, a melhor maneira é usar diretamente um framework maduro, e o mais usado é o framework html5shim.
- <!--[if lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.