มีเคล็ดลับมากมายในการพัฒนาเค้าโครงเว็บ CSS และเพื่อนมือใหม่มักไม่คุ้นเคยกับคำแนะนำเหล่านี้ ในประเด็นเล็กๆ หนึ่งหรือสองประเด็น อาจใช้เวลานานกว่าจะเข้าใจ แม้ว่าจะมีการกล่าวถึงประเด็นนี้หลายครั้งในเอกสารของ 52CSS.com แต่เพื่อนหลายคนยังคงทำผิดพลาดในประเด็นเหล่านี้ มาดูเทคนิค CSS เหล่านี้กันดีกว่า อ่านอย่างละเอียด บางทีคุณอาจไม่เข้าใจมันอย่างถ่องแท้ คุณสามารถค้นหาใน 52CSS.com เพื่อขยายความรู้ที่คุณต้องการได้
1. แท็ก ul มีค่าช่องว่างภายในตามค่าเริ่มต้นใน Mozilla แต่ใน IE มีเพียงระยะขอบเท่านั้นที่มีค่า
2. ตัวเลือกคลาสเดียวกันสามารถปรากฏซ้ำๆ ในเอกสารได้ แต่ตัวเลือกรหัสสามารถปรากฏได้เพียงครั้งเดียวเท่านั้น ใช้ทั้งคลาสและรหัสเพื่อกำหนดป้ายกำกับใน CSS หากคำจำกัดความซ้ำ คำจำกัดความที่สร้างโดยตัวเลือกรหัสนั้นถูกต้องเนื่องจากน้ำหนักของรหัสมากกว่าน้ำหนักของคลาส
3. วิธีโง่ๆ ในการปรับความเข้ากันได้ (IE และ Mozilla):
ผู้เริ่มต้นอาจเผชิญกับสถานการณ์เช่นนี้: คุณลักษณะของป้ายกำกับเดียวกันจะแสดงตามปกติเมื่อตั้งค่าเป็น A ใน IE แต่ต้องตั้งค่าเป็น B ใน Mozilla เพื่อให้แสดงได้ตามปกติ ไม่เช่นนั้นทั้งสองจะกลับกัน
วิธีแก้ปัญหาชั่วคราว: ตัวเลือก {ชื่อคุณสมบัติ: B !important; ชื่อคุณสมบัติ: A} อาจใช้งานไม่ได้ในบางครั้ง คุณสามารถค้นหาโซลูชัน BUG เพิ่มเติมได้ที่ 52CSS.com
4. หากจำเป็นต้องมีระยะห่างระหว่างกลุ่มของแท็กที่ซ้อนกัน ให้ปล่อยให้เป็นแอตทริบิวต์มาร์จิ้นของแท็กที่อยู่ภายใน แทนที่จะกำหนดช่องว่างภายในของแท็กที่อยู่ด้านนอก
5. ขอแนะนำให้ใช้ background-image แทน list-style-image สำหรับไอคอนที่อยู่ด้านหน้าแท็ก li
6. IE ไม่สามารถแยกแยะความแตกต่างระหว่างความสัมพันธ์ทางมรดกและความสัมพันธ์แบบพ่อ-ลูกได้ ทั้งหมดนี้เป็นความสัมพันธ์ทางมรดก
7. เมื่อเพิ่มตัวเลือกลงในแท็กของคุณอย่างบ้าคลั่ง อย่าลืมเพิ่มความคิดเห็นให้กับตัวเลือกใน CSS คุณจะรู้ว่าทำไมคุณถึงทำเช่นนี้เมื่อคุณแก้ไข CSS ในภายหลัง คำเตือนอย่าบ้าเกินไป
8. หากคุณตั้งค่าภาพพื้นหลังสีเข้มและเอฟเฟกต์ข้อความที่สว่างให้กับฉลาก ขอแนะนำให้ตั้งค่าสีพื้นหลังให้เข้มขึ้นสำหรับฉลากของคุณในขณะนี้ เนื่องจากรูปภาพหายไป ข้อความจึงยังคงอ่านได้
9. เมื่อกำหนดสี่สถานะของลิงก์ ให้คำนึงถึงลำดับ: ลิงก์ที่เยี่ยมชม Hover ใช้งานอยู่
10. กรุณาใช้พื้นหลังสำหรับรูปภาพที่ไม่เกี่ยวข้องกับเนื้อหา อย่าลืมแยกการนำเสนอออกจากเนื้อหาเสมอ
11. สีที่กำหนดสามารถย่อได้ #8899FF=#89F
12. ตารางยังคงมีประโยชน์ในบางด้าน เมื่อคุณพบตารางข้อมูล อย่าเกลียดมัน
13.