1. Utilice la etiqueta de la tabla y sus propias funciones.
<estilo> .parent{ borde: 1px rojo sólido; altura: 500px } .child{ borde: 1px negro sólido } </style><body> <!-- --> <table class=parent> <tr> <td clase = niño> prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba prueba </td> </tr> </tabla></body>Efecto
2. margen izquierdo: -50px; margen superior: -50px;
<estilo> .parent{ posición: relativa; color de fondo: amarillo; ancho: 500px; altura: 200px } .child{ ancho: 100px; altura: 100px; ; izquierda: 50%; margen izquierdo: -50px; margen superior: -50px } </estilo>Efecto
3. transformar: traducir (-50%, -50%)
<estilo> .parent{ ancho: 500px; alto: 300px; borde: 1px rojo sólido; } .child{ ancho: 200px; alto: 100px; ; izquierda:50%; transformar: traducir(-50%,-50%) } </estilo>Efecto
4. margen: automático;
<estilo> .p{ ancho: 300px; alto: 200px; borde: 1px rojo sólido; posición: absoluto; ; arriba:0; abajo:0; izquierda: 0; derecha: 0 } </estilo>Efecto
5. Caja flexible
<estilo> .p{ borde: 1px rojo sólido; ancho: 400px; alto: 500px; justificar-contenido: centro; align-items: centro } .c{ ancho: 100px; : rojo; } </estilo>Efecto
¿Cuáles son las nuevas características de html5CSS3 y qué elementos se han eliminado? ¿Cómo solucionar los problemas de compatibilidad del navegador con las nuevas etiquetas HTML5? ¿Cómo diferenciar entre HTML y HTML5?HTML5 ya no es un subconjunto de SGML, se trata principalmente de agregar imágenes, ubicación, almacenamiento, geolocalización y otras funciones.
Elemento de lienzo de pintura
Elementos de vídeo y audio para reproducción multimedia.
Almacenamiento local fuera de línea localStorage almacena datos durante mucho tiempo y los datos no se pierden después de cerrar el navegador;
Los datos de sessionStorage se eliminan automáticamente después de cerrar el navegador.
Elementos de contenido con mejor semántica, como artículo, pie de página, encabezado, navegación, sección
Controles de formulario, calendario, fecha, hora, correo electrónico, URL, búsqueda
CSS3 implementa esquinas redondeadas, sombras, efectos especiales en el texto y agrega más selectores CSS y rgba de múltiples fondos.
Webworker nuevas tecnologías, websockt, Geolocalización
elemento eliminado
Elementos puramente expresivos: basefont, big, center, font, s, strike, tt, u;
Elementos que tienen un impacto negativo en la usabilidad: frame, frameset, noframes; etiquetas de soporte IE8/IE7/IE6 generadas a través del método document.createElement.
Esta característica se puede utilizar para permitir que estos navegadores admitan nuevas etiquetas HTML5.
Una vez que el navegador admita la nueva etiqueta, también debe agregar el estilo predeterminado de la etiqueta: por supuesto, la mejor manera es usar directamente un marco maduro, y el más utilizado es el marco html5shim.
- <!--[if lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.