เรียนรู้ที่จะใช้เทคโนโลยี CSS ใหม่ในสถานที่ที่เหมาะสม

การสนับสนุนของเบราว์เซอร์สำหรับ CSS ล่าช้าอยู่เบื้องหลังการพัฒนา CSS ข้อกำหนด CSS 3 ได้ทำมากกว่าครึ่ง แต่สิ่งนี้ไม่ได้ป้องกันเราจากการใช้เทคโนโลยีใหม่ใน CSS ในขณะที่เราไม่สามารถนำไปใช้อย่างอิสระได้อย่างอิสระเนื่องจากเราใช้เทคโนโลยีทั่วไปใน CSS แต่เราสามารถบรรลุผลลัพธ์ที่ชัดเจนมากขึ้นในเบราว์เซอร์ที่เฉพาะเจาะจง การใช้เทคโนโลยีใหม่เหล่านี้ในสถานที่ที่เหมาะสมไม่เพียง แต่จะช่วยให้คุณสามารถยืนอยู่ในระดับแนวหน้าของเทคโนโลยี CSS แต่ยังทำให้งานของคุณรู้สึกสดชื่น

เทคโนโลยี CSS ใหม่: อย่าคาดหวังว่าจะได้รับการสนับสนุนจากเบราว์เซอร์ทั้งหมด
Microsoft ได้ประกาศระดับการสนับสนุนของ CSS สำหรับเบราว์เซอร์แต่ละรุ่นใน Internet Explorer 5.5 ถึง 8.0 . ตัวเลือกแอตทริบิวต์ใน CSS 2.1 แม้ว่าเทคนิค CSS นี้จะมีประโยชน์มาก ซึ่งหมายความว่าคุณต้องยอมแพ้โดยใช้เทคโนโลยีนี้สำหรับผู้ใช้ Internet Explorer 6.X ซึ่งปัจจุบันยังคงคิดเป็นมากกว่า 40% ของตลาด ตัวอย่างเช่น:
[ค่า] {ความสูง: 25px}
[href = http: //www.dudo.org/] {color: red;}

ในบรรทัดที่ 1 เราสามารถตั้งค่าความสูงของทุกรูปแบบด้วยแอตทริบิวต์ค่าเป็น 25px; แต่การทำสิ่งนี้ใน Internet Explorer 6 นั้นไม่ได้ผลอย่างสมบูรณ์เพราะไม่ได้รับการสนับสนุนเทคโนโลยีใหม่นี้
ใน CSS 3 ตัวเลือกแอตทริบิวต์มีฟังก์ชั่นที่มีประสิทธิภาพมากขึ้น 2 กลายเป็นเรื่องง่ายมากตัวอย่างเช่นใน CSS 3 คุณต้องใช้รหัสต่อไปนี้เพื่อให้ได้รูปลักษณ์มุมโค้งมน:
<div style = "radiu: 5px"> นี่คือมุมโค้งมน </div>

อย่างไรก็ตามเทคโนโลยีใหม่นี้ไม่ได้รับการสนับสนุนแม้ใน Internet Explorer 8 ปัจจุบันได้รับการสนับสนุนเฉพาะใน Firefox, Safari และ Chrome และการสนับสนุนนี้ไม่ได้รับการสนับสนุนอย่างเต็มที่ - รัศมี
นี่คือเทคโนโลยีใหม่ใน CSS ซึ่งไม่สามารถอธิบายได้อย่างสมบูรณ์โดยเบราว์เซอร์ทั้งหมดในเวลาเดียวกัน
เทคโนโลยี CSS ใหม่ไม่ใช่ CSS Hack
CSS Hack คืออะไร? CSS Hack เป็นวิธีที่ใช้ข้อบกพร่องบางอย่างในแอปพลิเคชันของ CSS ของเบราว์เซอร์เพื่อใช้แอปพลิเคชันของกฎ CSS แยกกัน ตัวอย่างเช่นใช้ _property เพื่อแยกความแตกต่างระหว่าง IE7, 8 และเวอร์ชันอื่น ๆ ของ IE และคุณสมบัติ *สามารถใช้เพื่อแยกความแตกต่างระหว่าง IE และ Non-IE เบราว์เซอร์ ฯลฯ อย่างไรก็ตามมีการชี้ให้เห็นว่าการแฮ็ก CSS เหล่านี้ทั้งหมดไม่ใช่ข้อกำหนด CSS มาตรฐานและไม่มีใครผ่านการตรวจสอบ W3C แต่เทคโนโลยี CSS ใหม่นั้นแตกต่างกัน
นอกจากนี้เทคโนโลยี CSS ใหม่ไม่สามารถแก้ไขได้โดยการแฮ็ก สำหรับกรณีที่คำอธิบายแบบจำลองกล่องของเบราว์เซอร์ที่แตกต่างกันนั้นไม่สอดคล้องกันเราสามารถแก้ไขได้ผ่านการแฮ็ค CSS แต่ปัญหาที่ Internet Explorer ไม่รองรับสี่เหลี่ยมโค้งมนไม่สามารถแก้ไขได้โดยเทคโนโลยีแฮ็ค CSS ใด ๆ ภาพพื้นหลัง
ดังนั้นเทคโนโลยี CSS ใหม่จึงไม่ใช่ประเภทของการแฮ็ค CSS แต่เป็นข้อกำหนด CSS ออร์โธดอกซ์
การใช้เทคโนโลยี CSS ใหม่ที่เหมาะสม
แม้ว่าเราจะพูดถึงก่อนหน้านี้ว่าเทคโนโลยี CSS ใหม่ไม่สามารถรองรับได้จากเบราว์เซอร์ทั้งหมดและไม่สามารถบรรลุผลเช่นเดียวกันในเบราว์เซอร์ที่แตกต่างกันเช่นใช้เทคโนโลยีแฮ็ค CSS อย่างไรก็ตามสิ่งนี้ไม่ได้ป้องกันเราจากการใช้พวกเขา แค่คิดว่ามันจะไม่น่าสนใจมากขึ้นหรือไม่ที่จะเพิ่มความสะดวกในการใช้เบราว์เซอร์โดยไม่ส่งผลกระทบต่อการใช้งาน? และเราได้รับผลกระทบนี้โดยไม่เพิ่มกฎ CSS ที่ผิดปกติเช่น CSS Hack ดังนั้นการใช้เทคโนโลยี CSS ที่เหมาะสมในเวลาที่เหมาะสมสามารถทำให้ไอซิ่งบนเค้กได้ทำให้หน้าเว็บของคุณใช้งานง่ายขึ้น