1. โดยพื้นฐานแล้ว มีสองวิธีสำหรับการประกาศโดยรวม วิธีแรกคือการกำหนดเป้าหมายป้ายกำกับ จากนั้นจึงตั้งค่าหลายสไตล์ในแต่ละครั้ง ประการที่สองคือการตั้งค่าสไตล์เดียวกันบนป้ายกำกับหลายรายการพร้อมกัน ตัวอย่างต่อไปนี้คือ: "สำหรับป้ายกำกับ ให้ตั้งค่าหลายสไตล์พร้อมกัน":
ต่อไปนี้เป็นเนื้อหาที่ยกมา: <stype="text/css"> ร่างกาย {ขนาดตัวอักษร: 9pt; สีตัวอักษร:สีแดง; พื้นหลัง:สีขาว} </สไตล์> |
2. คุณจะพบว่าเราได้ประกาศไว้ด้วย: ขนาดตัวอักษรคือ 9pt, สีตัวอักษรเป็นสีแดง และพื้นหลังเป็นสีขาว เพื่อแยกสไตล์ทั้งสามนี้ เราใช้เครื่องหมายอัฒภาค ";" แยกออกเพื่อให้ทำงานได้อย่างถูกต้อง ! แน่นอน หากคุณคิดว่ามันเปลืองพื้นที่ในการเขียนทีละคอลัมน์ คุณสามารถเขียนเป็นบรรทัดเดียวได้ดังนี้:
ต่อไปนี้เป็นเนื้อหาที่ยกมา: <style type="text/css"> เนื้อความ{font-size:9pt;font-color:red;พื้นหลัง:สีขาว} </สไตล์> |
แท็กหลายรายการกำหนดสไตล์เดียวกัน
1. เราเพิ่งเห็นแท็กที่ตั้งค่าหลายสไตล์พร้อมกัน จริงๆ แล้ว เรายังสามารถตั้งค่าแท็กหลายรายการพร้อมกันได้ เช่น:
ต่อไปนี้เป็นเนื้อหาที่ยกมา: <style type="text/css"> h1,h2,td{font-size:12pt; font-color:red; </สไตล์> |
ในตัวอย่างนี้ เราได้ตั้งค่าแท็กสามชุด <h1>, <h2> และ <td> ในเวลาเดียวกัน กล่าวคือ ข้อความใดๆ ที่หุ้มด้วยแท็กทั้งสามนี้จะมีขนาดข้อความ 12pt ซึ่งเป็นข้อความสีแดง และแสดงเป็นฟอนต์เพลง!