reset.css เอาไว้ทำอะไร?

ตามความคิดของผมผมว่า reset.css ควรที่ใช้ทุกเมื่อที่เขียน stylesheet / css โดยเรียกไว้ก่อนสิ่งอื่นใด (ไม่ว่าจะใช้ link[rel=stylesheet] หรือจะ import ก็ตามแต่ แต่ผมชอบ @import ใส่ไว้บรรทัดแรกใน style.css)

reset.css เป็นไฟล์ที่ เรียกได้ว่า “สูงสู่คืนสู่สามัญ” หรือว่า Normalize ได้เลยเพราะว่ามันจะทำ browser ต่างๆ กลับมาใช้ stylesheet เริ่มต้น( User-agent stylesheet)   ”ที่คล้ายกัน” แม้ว่าจะไม่เหมือนกัน 100% ก็เถอะแต่ก็ช่วยได้เยอะอยู่

**เพิ่มเติม ตามคำเรียกร้อง**

reset ในที่นี้คือการทำให้ browser แสดงผลเหมือนกัน(ไม่คล้ายก็ใกล้เคียงที่สุดละ) ทั้ง ie,firefox,opera,chrome เพื่อให้ง่ายที่จะเขียน stylesheet ต่อไป เพราะจะได้ลดปัญหา ไม่ต้อง hack อะไรให้เยอะแยะ

แบบบางที IE padding:5px; แต่ firefox padding:0; อะไรประมาณ ใช้ไฟล์นี้มันจะ reset กลับเป็น 0 ทั้งหมด ประมาณนี้แหละครับ หากยังนึกไม่ออกอีก ลองเปิด เพลง winamp , ดูหนัง powerDVD ,ออน msn พร้อมๆกัน อิอิ แล้วเสียงมันตีกัน powerDVD เสียงเบสหนัก,msn เสียงแหลมจี๊ดหู,winamp เสียงเพราะๆ  ใช่ไหมครับ ทีนี้ก็เอานิ้วไปจิ้มปุ่ม reset  เป็นยังไงละ เงียบหมด!! 555 เงียบเพื่อให้พร้อมที่จะ เริ่มเสียงใหม่…เข้าใจหรือเปล่าเอ้ย!?

Download file reset.css ได้ที่ไหน?

1. Yahoo reset CSS
2. Eric Meyer’s CSS Reset
3. BluePrint FrameWork

ท่านจะใช้ตัวไหนก็ตามสบายเลยครับ ส่วนตัวผมก็ไม่รู้ว่าโหลดของไหนมาเหมือนกัน แต่ก็ใช้มาตลอด

ใช้ reset.css ยังไง?

จริงๆใครที่เขียน stylesheet เองบ่อยๆก็ไม่น่าจะต้องกล่าวถึงเรื่องนี้กันแล้ว -..-  วิธีการนำไปใช้ก็ทำได้เหมือน import stylesheet ทั่วไปไปใช้แต่ไว้เอาก่อน stylesheet ตัวอื่นๆจะดีที่สุด

ใส่โดยการใช้ link tag ใน html

<link rel="stylesheet" href="reset.css" type="text/css" />

ใส่โดยการ @import ใน stylesheet(CSS) : นำไปใส่ไว้ บรรทัดแรกสุดของไฟล์ stylesheet เลยครับ

@import url("reset.css");

ใส่โดยการ copy ข้อมูลทั้งหมดใน reset.css ไปไว้ใน stylesheet โดยตรง : วิธีนี้จะช่วยลด connection ที่เกิดขึ้น ไปอีก 1 Connection แต่ความรู้สึกของผม ผมว่าโค๊ดไม่ค่อยสะอาด อ่านโค๊ดยาก เพราะต้องเลื่อน scrollbar ลงมาให้ถึง stylesheet จริง