เป็นบทความที่คุณ ~TheCvit~ @ kloow.com เขียนไว้นะครับ เค้าให้เอามาช่วยโปรโมทบทความเพิ่มเติมนะครับ ถ้าสนใจตามไปอ่านฉบับเต็มได้ที่
http://www.kloow.com/index.php?topic=51 
นะครับ ถ้าถูกใจก็กด +1 ขอบคุณให้คุณ ~TheCvit~ @ kloow.com ด้วยนะครับ
ตัวอย่างบทความ
สวัสดีครับเพื่อนๆ ถือเป็นครั้งแรกที่ผมได้แลกเปลี่ยนความรู้กับเพื่อนๆ ตกใจ เริ่มเลย....ก่อนอื่นผมขออธิบายคราวๆ ก่อนว่า ตัวโปรแกรมสำเร็จรูปที่เราเอามาทำ Social Bookmark ไม่ว่าจะเป็น Pligg Phpduggg Scuttle ส่วนประกอบหนึ่งที่ดูแลเรื่องหน้าตาเว็บให้สวยงามจับใจคือ CSS เพื่อนๆบ้างคนอาจใช้การ download Template ที่มีผู้พัฒนามาให้ใช้อยู่แล้ว แต่เชื่อว่าเราก็ยังตะงิดๆ อันนี้ไม่สวย ไอ้นี่น่าปรับสี อยากได้ logo ของตัวเอง นี่แหละครับคือส่วนที่ผมมาจะอธิบายคราวๆ เพื่อช่วยให้เพื่อน แก้ไขในส่วนเล็กส่วนน้อยได้เองบ้าง
ตอนแรกผมจะพูดเรื่อง ความหมายของคำสั่งต่างๆ ที่พบบ่อยๆ ก่อนละกันนะครับเริ่ม!!!
1. ข้อความและย่อหน้า
- color คือ การกำหนดสีของตัวอักษรโดยเราจะใช้รหัสสี(ฐานสิบหก)แทนชื่อสีนั้นๆ หรือจะใช้ชื่อเป็นภาษาอังกฤษเลยก็ได้ เช่น color:#000000; หรือ color:black; คือ กำหนดตัวอักษรให้เป็นสีดำครับ ดูรหัสสีเพิ่มเติ่มได้ที่ http://www.w3schools.com/CSS/css_colors.asp
- width คือ การกำหนดความกว้างของส่วนนั้นๆโดยเราจะหน่วยความกว้างดังนี้ in points (pt), inches (in), in cm, on pixels (px), emphasize คือ ขนาดจำนวนเท่า (em), % เช่น width: 100%; คือ กำหนดความกว้างให้กว้าง 100 เปอร์เซ็น หรือ width: 50px; กำหนดความกว้างให้กว้าง 50 pixels.
- height คือ การกำหนดความสูงของส่วนนั้นๆโดยเราจะหน่วยความสูงดังนี้ in points (pt), inches (in), in cm, on pixels (px), % เช่น height: 100%; คือ กำหนดความสูงให้กว้าง 100 เปอร์เซ็น หรือ height: 50px; กำหนดความสูงให้กว้าง 50 pixels.
- text-align คือ การจัดแถวของตัวอักษร โดยมีรูปแบบให้เลือกดังนี้ left (ซ้าย), center (กลาง), right (ขวา), justify(ปรับให้ข้อความเต็มบรรทัดโดยแบ่งความห่างของช่องไฟ)
< กดยุบ (ห้องยกเลิกการใช้งาน)
