บทความนี้จะสรุปเทคนิค CSS ทั่วไปบางประการเพื่อวางรากฐานสำหรับการสร้างเว็บไซต์ใหม่ ฉันหวังว่าคุณจะได้เรียนรู้สิ่งที่มีประโยชน์
1. ใช้ตัวย่อ CSS
การใช้ตัวย่อจะช่วยลดขนาดไฟล์ CSS และทำให้อ่านง่ายขึ้น สำหรับกฎหลักของตัวย่อ CSS โปรดดูที่ "ไวยากรณ์พื้นฐาน CSS"
2. กำหนดหน่วยให้ชัดเจน ยกเว้นค่าเป็น 0
การลืมกำหนดหน่วยของมิติข้อมูลถือเป็นข้อผิดพลาดทั่วไปของมือใหม่ที่ใช้ CSS ใน HTML คุณสามารถเขียน ;100 ได้ แต่ใน CSS คุณต้องระบุหน่วยที่แน่นอน เช่น: " width:100em มีข้อยกเว้นเพียงสองข้อเท่านั้นที่คุณสามารถปล่อยให้หน่วยไม่ได้กำหนด: ความสูงของบรรทัดและค่า 0 มิฉะนั้น อื่นๆ ทั้งหมด ต้องตามด้วยหน่วย ระวังอย่าเพิ่มช่องว่างระหว่างค่ากับหน่วย
3. คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
เมื่อใช้ CSS ใน XHTML ชื่อองค์ประกอบที่กำหนดใน CSS จะคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ เพื่อหลีกเลี่ยงข้อผิดพลาดนี้ ฉันขอแนะนำให้ใช้ตัวพิมพ์เล็กสำหรับชื่อคำจำกัดความทั้งหมด
ค่าของคลาสและรหัสยังคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ใน HTML และ XHTML หากคุณต้องเขียนตัวพิมพ์ผสม โปรดตรวจสอบอย่างรอบคอบว่าคำจำกัดความของคุณใน CSS สอดคล้องกับแท็กใน XHTML
4. ยกเลิกข้อจำกัดองค์ประกอบก่อนคลาสและรหัส
เมื่อคุณเขียนเพื่อกำหนดคลาสหรือรหัสสำหรับองค์ประกอบ คุณสามารถละเว้นคุณสมบัติองค์ประกอบก่อนหน้านี้ได้ เนื่องจาก ID นั้นไม่ซ้ำกันในเพจและสามารถใช้ได้หลายครั้งในเพจ มันไม่สมเหตุสมผลเลยที่คุณจะมีคุณสมบัติเป็นองค์ประกอบ ตัวอย่างเช่น:
div#content { /* ประกาศ */ }
fieldset.details { /* ประกาศ */ }
สามารถเขียนเป็น
#content { /* ประกาศ */ }
.details { /* ประกาศ */ }
สิ่งนี้จะบันทึกบางไบต์
5.ค่าเริ่มต้น
โดยปกติค่าเริ่มต้นของช่องว่างภายในคือ 0 และค่าเริ่มต้นของสีพื้นหลังจะโปร่งใส แต่ค่าเริ่มต้นอาจแตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน หากคุณกลัวข้อขัดแย้ง คุณสามารถกำหนดค่าระยะขอบและช่องว่างภายในขององค์ประกอบทั้งหมดให้เป็น 0 ที่จุดเริ่มต้นของสไตล์ชีตได้ เช่นนี้
-
ระยะขอบ:0;
ช่องว่างภายใน:0;
-