1. ใช้แท็กตารางและฟังก์ชันของตัวเอง
<style> .parent{ เส้นขอบ: 1px สีแดงทึบ; ความสูง: 500px } .child{ เส้นขอบ: 1px สีดำทึบ } </style><body> <!-- --> <table class=parent> <tr> <td คลาส=เด็ก> ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ ทดสอบ </td> </tr> </ตาราง></ร่างกาย>ผล
2. ขอบซ้าย: -50px; ขอบบน: -50px
<style> .parent{ ตำแหน่ง: สัมพันธ์; สีพื้นหลัง: สีเหลือง; ความสูง: 200px } .child{ ความกว้าง: 100px; ; ซ้าย: 50%; ขอบซ้าย: -50px; ขอบบน: -50px } </style>ผล
3. แปลงร่าง: แปล (-50%,-50%)
<style> .parent{ ความกว้าง: 500px; เส้นขอบ: ทึบ 1px; ตำแหน่ง: สัมบูรณ์; ; ซ้าย:50%; แปลงร่าง: แปล(-50%,-50%) } </style>ผล
4. ระยะขอบ: อัตโนมัติ;
<style> .p{ ความกว้าง: 300px; ความสูง: 200px; ตำแหน่ง: สัมบูรณ์; ; บน:0; ล่าง:0; ซ้าย: 0; ขวา: 0 } </สไตล์>ผล
5. กล่องยืดหยุ่น
<style> .p{ เส้นขอบ: 1px solid red; width: 400px; height: 100px; : สีแดง; } </สไตล์>ผล
คุณสมบัติใหม่ของ html5CSS3 คืออะไร และองค์ประกอบใดที่ถูกลบออกไป? วิธีจัดการกับปัญหาความเข้ากันได้ของเบราว์เซอร์ด้วยแท็กใหม่ HTML5 จะแยกความแตกต่างระหว่าง HTML และ HTML5 ได้อย่างไร?HTML5 ไม่ใช่ชุดย่อยของ SGML อีกต่อไป แต่ส่วนใหญ่เกี่ยวกับการเพิ่มเติมรูปภาพ ตำแหน่ง พื้นที่เก็บข้อมูล ตำแหน่งทางภูมิศาสตร์ และฟังก์ชันอื่นๆ
องค์ประกอบผ้าใบจิตรกรรม
องค์ประกอบวิดีโอและเสียงสำหรับการเล่นสื่อ
ที่เก็บข้อมูลออฟไลน์ในเครื่อง localStorage เก็บข้อมูลมาเป็นเวลานาน และข้อมูลจะไม่สูญหายหลังจากปิดเบราว์เซอร์
ข้อมูล sessionStorage จะถูกลบโดยอัตโนมัติหลังจากปิดเบราว์เซอร์
องค์ประกอบเนื้อหาที่มีความหมายดีกว่า เช่น บทความ ส่วนท้าย ส่วนหัว การนำทาง ส่วน
การควบคุมแบบฟอร์ม ปฏิทิน วันที่ เวลา อีเมล URL การค้นหา
CSS3 ใช้มุมโค้งมน เงา เอฟเฟกต์พิเศษบนข้อความ และเพิ่มตัวเลือก CSS และ rgba แบบหลายพื้นหลัง
คนงานเว็บเทคโนโลยีใหม่, websockt, ตำแหน่งทางภูมิศาสตร์
องค์ประกอบที่ถูกลบออก
องค์ประกอบที่แสดงออกอย่างแท้จริง: แบบอักษรพื้นฐาน, ใหญ่, ตรงกลาง, แบบอักษร, s, ขีดฆ่า, tt, u;
องค์ประกอบที่มีผลกระทบด้านลบต่อการใช้งาน: frame, frameset, noframes; แท็กรองรับ IE8/IE7/IE6 ที่สร้างผ่านเมธอด document.createElement
คุณลักษณะนี้สามารถใช้เพื่อเปิดใช้งานเบราว์เซอร์เหล่านี้เพื่อรองรับแท็กใหม่ HTML5
หลังจากที่เบราว์เซอร์รองรับแท็กใหม่แล้ว คุณจะต้องเพิ่มสไตล์เริ่มต้นของแท็กด้วย แน่นอนว่าวิธีที่ดีที่สุดคือการใช้เฟรมเวิร์กที่สมบูรณ์โดยตรง และเฟรมเวิร์กที่ใช้มากที่สุดคือเฟรมเวิร์ก html5shim
- <!--[ถ้า lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network