สิ่งที่คุณควรรู้ก่อนเริ่มศึกษา css

ก่อนคุณทำการเขียน css คุณควรมีความรู้ขั้นพื้นฐานเกี่ยวกับ html code หรือ xhtml code (ไม่จำเป็นต้องเชี่ยวชาญ)

css คืออะไร

• css มาจากคำว่า cascading style sheets
• css เป็นตัวกำหนดว่า เราจะแสดงองค์ประกอบของเอกสาร html อย่างไร
• css ได้ถูกเพิ่มเข้าไปใน html 4.0 เพื่อแก้ไขปัญหาเอกสาร html
• css แบบ external style sheets(การสร้างเอกสาร css ภายนอกเอกสาร html) สามารถทำให้คุณประหยัดเวลาในการกำหนดองค์ประกอบของเอกสาร html ในกรณีที่องค์ประกอบของเอกสาร html ในหน้าอื่นๆ หรืองานอื่นๆ นั้นมีลักษณะที่คล้ายกัน
• css แบบ external style sheets เก็บไว้ในเอกสาร นามสกุล .css (filename.css)

css ช่วยคุณประหยัดเวลาในการสร้างเอกสาร html อย่างไร?

ดังที่กล่าวมาข้างต้นแล้วว่า css เป็นตัวกำหนดลักษณะการแสดงข้อมูลของเอกสาร html โดยปกติแล้ว css จะเขียนไว้ภายนอกเอกสาร html ดังนั้นคุณสามารถเปลี่ยนแปลงลักษณะ รูปแบบ ของเว็บไซต์คุณได้โดยการแก้ไขไฟล์เพียงไฟล์เดียว

css model รูปแบบและองค์ประกอบ

css จะมอง element หรือองค์ประกอบทั้งหมดของ html ลักษณะเป็นกรอบสี่เหลี่ยม ดังนั้นข้อมูดใดๆ ที่มี ให้ใส่เข้าไปในกรอบสี่เหลี่ยมนั้น และเว็บไซต์หนึ่งเว็บไซต์นั้นประกอบไปด้วย กรอบสี่เหลี่ยมหลายๆ ชิ้น ซึ่งในกรอบสี่เหลี่ยมดังกล่าวนั้นจะประกอบไปด้วย

• border: เส้นกรอบของสี่เหลี่ยม
• margin: ขอบนอกกรอบสี่เหลี่ยม
• padding: ขอบในกรอบสี่เหลี่ยม
• ข้อมูลในกรอบสี่เหลี่ยม