1. Verwenden Sie das Tabellen-Tag und seine eigenen Funktionen
<style> .parent{ border: 1px solid red; height: 500px } .child{ border: 1px solid black } </style><body> <!-- --> <table class=parent> <tr> <td class=child> Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test </td> </tr> </table></body>Wirkung
2. Rand links: -50 Pixel; Rand oben: -50 Pixel
<style> .parent{ position: relative; width: 500px } .child{ height: 100px; position:absolute; ; links: 50%; Rand links: -50px; Rand oben: -50px } </style>Wirkung
3. transformieren: übersetzen(-50%,-50%)
<style> .parent{ width: 500px; border: solid 1px; ; left:50%; transform: Translate(-50%,-50%) } </style>Wirkung
4. Rand: automatisch;
<style> .p{ width: 300px; border: 1px solid red; ; oben:0; unten:0; rechts: 0 } </style>Wirkung
5. Flexible Box
<style> .p{ border: 1px solid red; height: 500px; display: justify-items: center } .c{ height: 100px; : rot; } </style>Wirkung
Was sind die neuen Funktionen von html5CSS3 und welche Elemente wurden entfernt? Wie gehe ich mit Browserkompatibilitätsproblemen mit neuen HTML5-Tags um? Wie kann man zwischen HTML und HTML5 unterscheiden?HTML5 ist keine Teilmenge von SGML mehr, es geht hauptsächlich um das Hinzufügen von Bildern, Standort, Speicherung, Geolokalisierung und anderen Funktionen.
Malleinwandelement
Video- und Audioelemente für die Medienwiedergabe
Lokaler Offline-Speicher localStorage speichert Daten lange und geht nach dem Schließen des Browsers nicht verloren.
sessionStorage-Daten werden nach dem Schließen des Browsers automatisch gelöscht
Inhaltselemente mit besserer Semantik, z. B. Artikel, Fußzeile, Kopfzeile, Navigation, Abschnitt
Formularsteuerelemente, Kalender, Datum, Uhrzeit, E-Mail, URL, Suche
CSS3 implementiert abgerundete Ecken, Schatten und Spezialeffekte für Text und fügt weitere CSS-Selektoren und RGBA mit mehreren Hintergründen hinzu
Neue Technologien Webworker, Websockt, Geolocation
Element entfernt
Rein ausdrucksstarke Elemente: Basefont, Big, Center, Font, s, Strike, Tt, U;
Elemente, die sich negativ auf die Benutzerfreundlichkeit auswirken: Frame, Frameset, Noframes; IE8/IE7/IE6-Unterstützungs-Tags, die über die Methode document.createElement generiert werden.
Diese Funktion kann verwendet werden, um diesen Browsern die Unterstützung neuer HTML5-Tags zu ermöglichen.
Nachdem der Browser das neue Tag unterstützt, müssen Sie auch den Standardstil des Tags hinzufügen: Der beste Weg ist natürlich die direkte Verwendung eines ausgereiften Frameworks, und das am häufigsten verwendete ist das HTML5shim-Framework.
- <!--[if lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.