ก่อนอื่นก็โน้มน้าวกันก่อนว่าทำไมต้องเขียนให้มันเบาด้วย อิอิ (ตรูไม่สนตรูเน็ต 8MB ไฟล์ style.css สัก 2MB ก็ช่างประรัญ ฮ่าๆ)  เอากันง่ายๆเลยก็คือให้มันขนาดเล็กโหลดไว มองไปอย่างกับอยู่ใน localhost ฮี่ๆๆ  ประมาณนั้นละครับ

แบบว่าบางทีไอ้ที่สำคัญๆเราดันไม่เขียนไปเขียนอะไรที่มัน โอเวอร์เกิน หลายๆอย่างควรจะตัดดันใส่ไป หลายๆอย่างที่ควรใส่ไป ดั๊นไม่เขียนใส่ไปซะนี่ >..<

เอาหล่ะมาดูกันดีกว่า Tips เล็กๆน้อยๆ ตามความคิดของผมนะครับ

หลีกเลี่ยง ก็เขียนซ้ำซ้อน หันมาใช้ group selectors แทน

อ่านหัวข้อดูอาจจะไม่เห็นภาพขอยกตัวอย่างแทนก็แล้วกันครับ

ดูแล้วจะเห็นว่า selectors ทั้ง3ตัว มี properties เหมือนกันหมดเลย – -* case นี้ก็ให้หันมาใช้ group selectors จะเหมาะกว่า  ลดลงไปหลายบรรทัดเลย อิอิ

เข้าใจใน #ID และ .Class

จะว่าเป็น basic CSS ก็ได้ครับเรื่องของ id และ class แต่ที่ผมจะกล่าวต่อไปนี้ จะออกไปในทางการนำมาใช้งานให้เกิดประโยชน์และควรจะเป็นมากกว่า

ตามกฏของมันแล้ว #id จะมีได้อันเดียว ในหน้าเพจนั้นๆ (ถ้าเกินกว่า 1 ละ ไม่ผ่านมาตรฐานเว็บ  XHTML/Strict แน่นอน) ส่วน Class มีเท่าไหร่ก็ได้ เปรียบเสมือน ห้องเรียนห้องนึง ที่มีชื่อห้องเป็น .class ส่วนนักเรียนก็มี #เลขที่ หรือว่า #รหัสนักศึกษา ซึ่งแน่นอนว่าไม่ซ้ำกันอยู่แล้ว ( แต่ในทาง css id หรือ คลาส ต้องไม่ขึ้นต้นด้วย ตัวเลขนะครับ)

เอาหล่ะ แล้วเราจะใช้มันร่วมกันยังไงดี

Specificity จำเพาะเจาะจง

การจำเพาะเจาะจงคืออะไร ฟร่ะ~!? -*- ผมก็ตั้งชื่อมางั้นๆ ไม่รู้จะเรียกมันว่าอะไรอ๊ะ ประมาณนั้นครับ…
เอ่อ จริงๆแล้ว คือกำหนด ลักษณะ เฉพาะตัว ของselectorนั้นๆ หรือตัวที่เราต้องการครับ อย่างเช่น มี h3 อยู่บานเลย แต่จะทำให้ไอ้ h3#keywords มันตัวอักษรเล็กเท่าparagraphปกติ อะไรประมาณนี้ แหละ(ม้าง ~..~)

…และ, entry นี่กล่าวถึงเรื่องการ Optimize แล้ว งั้นมาดูกันดีกว่าว่าผมจะ
Optimize มันยังไงโดยใช้การเจาะจงนี่แหละ

•  
• Tweet