วิธีการทำงานกับ CSS

แต่ละแท็กใน HTML จะมีสิ่งที่เรียกว่า ซีเลกเตอร์ CSS ตรงกับมัน ตัวอย่างเช่น แท็ก p จะมีซีเลกเตอร์ CSS p ตรงกับมัน โดยการใช้ ซึ่งเราสามารถอ้างอิงถึงย่อหน้าทั้งหมด ในหน้า HTML ได้ และตัวอย่างเช่น เปลี่ยนสีพวกมันทั้งหมด ให้เป็นสีแดงพร้อมกัน

หลังจากซีเลกเตอร์ ควรใส่วงเล็บปีกกา ข้างในซึ่งควร เขียน CSS พร็อปเพอร์ตี้ พร็อปเพอร์ตี้จะกำหนดสี ขนาดฟอนต์ และ สิ่งที่น่าสนใจอื่นๆ ควรเขียนใน รูปแบบนี้: ชื่อพร็อปเพอร์ตี้ แล้วตามด้วยโคลอน แล้ว ค่าของพร็อปเพอร์ตี้นั้น (ตัวอย่างเช่น พร็อปเพอร์ตี้ คือ สี ส่วน "แดง" คือ ค่า) จากนั้นต้องใส่เซมิโคลอน และสามารถ เขียนพร็อปเพอร์ตี้ถัดไปได้

ลองดูตัวอย่าง เปลี่ยนสีย่อหน้าทั้งหมดให้เป็น สีแดง:

p {
	color: red;
}

ในไฟล์ styles.css ของคุณ ให้วาง โค้ดที่เปลี่ยนสีย่อหน้าเป็นสีแดง เปิด หน้าเว็บไซต์ของคุณในเบราว์เซอร์ และตรวจสอบให้แน่ใจ ว่าย่อหน้าทั้งหมดกลายเป็นสีแดง