<:: Closed { CSS ROOM }

ลำดับตอนที่ #20 : CSS Lesson >> #1 พื้นฐานของ CSS

CSS คือจังได๋ ?
อาจจะงงๆ นะครับ ว่าทำไมผมเรียกสิ่งที่คนทั่วไปในเว็บนี้ว่า CSS
แต่มันเป็นโค้ดประเภท CSS ผมจึงเรียกแบบนั้นครับ

CSS ย่อมาจาก Cascading Style Sheet เป็นภาษาคล้ายๆ กับเป็นภาษา
ย่อยของ HTML (HyperText Markup Language) โดยมีหน้าที่จัดรูปแบบ
ด้วยการเขียนที่ง่ายๆ ไม่ยาก จึงเป็นที่นิยมครับ

โค้ด My iD,hi5 ส่วนใหญ่ก็เป็น CSS ครับ ^^

โครงสร้างมันเปนงายอะ ?
โครงสร้างของ CSS เป็นแบบนี้ครับ

selector {property: value;}

อาจจะดูงงๆ ลองเปลี่ยนเป็น

#profile-name {background: url(); height: 400px;}

พอนึกออกยังครับ ใช่แล้ว โค้ดข้างบนนี้เป็นโค้ดเฮด hi5 ครับ

#profile-name เรียกว่า selector (ซีเลคเตอร์)
background,height เรียกว่า property (พร็อพเพอร์ตี้)
url() เรียกว่า value

property มีหน้าที่เป็นประเภทของการปรับแต่ง ส่วน value เป็นการปรับแต่ง selector นั้นๆ ครับ

Selector เอามาจากไหน ?
Selector คือ แท็กต่างๆ ที่ได้รับการกำหนด id หรือ class
แท็กคือ ไอ้ที่มันมี <...> นี่เรียกว่าแท็กครับ

-ถ้าได้รับการกำหนด class เวลานำมาเขียนเป็น selector จะต้องเติมจุดด้านหน้า เช่น .modulebg1 .modulebg2
-ถ้าได้รับการกำหนด id เวลานำมาเขียนเป็น selector จะต้องเติมชาร์ปด้านหน้า เช่น #footer,#header

ถ้ายังไม่กระจ่าง เรามาลองลงมือทำกันเลยดีกว่า GoGo! >>>