โค้ด: เลือกทั้งหมด
<html>
<head>.....</head>
</html>
การกำหนด style ด้วย css
selector คือ ตัวเลือก จะประกอบด้วย tag ซึ่งไม่สามารถซ้อนกันได้ สามารถแยกด้วยเครื่องหมาย { }
Property คือ คุณลักษณะ สามารถมีได้หลาย property แยกด้วยเครื่องหมาย ;
Value คือ ค่าคุณลักษณะ แยกด้วยเครื่องหมาย :
Class selector
ใช้กำหนด style ที่แตกต่างกันของแท็ก <html> แท็กเดียวกัน
Class กับ ID ต่างกันที่ชื่อซ้ำกันได้หรือไม่ได้
ID ชื่อซ้ำกันไม่ได้
Class ชื่อซ้ำกันได้
การอธิบาย comment ใน css
โค้ด: เลือกทั้งหมด
/* คำอธิบาย */
การเขียน CSS มีได้หลายรูปแบบในการจัดเก็บโค้ด แต่หลัก ๆ มีอยู่ 3 รูปแบบ ดังนี้
1. Inline Style Sheet
เป็นรูปแบบการเขียน CSS โดยการฝังลงไปใน line บรรทัดของ TAG HTML โดยการใช้ Attribute style แล้วตามด้วย value
2. Internal Style Sheet
วิธีการนี้ควรใช้ในกรณีที่มีเพียง HTML ไฟล์เดียวที่ใช้ style นี้ เมื่อประกาศคำสั่ง Style Sheet เพื่อกำหนดคุณสมบัติ ให้กับ HTML Tag ใดๆ แล้ว จะมีผลกับเอกสาร HTML ทั้งหน้า นิยมใส่ส่วนของคำสั่ง Style Sheet ไว้ระหว่าง <head>...</head>
สำหรับ Web Browser รุ่นเก่าที่ไม่สนับสนุนคำสั่ง Style Sheet หรือ Disable Style Sheet ไว้นั้น ให้ใส่ Comment ของ ภาษา HTML ไว้ด้วย เพื่อให้เว็บเบราเซอร์นั้นทราบว่าไม่ใช่คำสั่งภาษา HTML
3. External Style Sheet
รูปแบบการเขียนในลักษณะ External Style Sheet จะเป็นรูปแบบที่เราสามารถเขียนโค้ดของ CSS แยกเก็บออกไปเป็นไฟล์เก็บไว้ภายนอกไฟล์เว็บ เพจได้ โดยที่เราสามารถเรียกใช้ CSS ที่แยกเก็บไว้ได้
ไฟล์ CSS ที่เราแยกเก็บไว้นี้จะมีนามสกุลไฟล์เป็น *.css เช่น my-style.css เป็นต้น