CSS เป็นสไตล์ชีตแบบเรียงซ้อนที่ใช้เพื่อสร้างองค์ประกอบภาพบนหน้าทรัพยากรอินเทอร์เน็ต การแสดงผลของวัตถุที่ระบุใน CSS ถูกนำมาใช้ในภาษามาร์กอัป HTML ไม่สามารถใช้ตาราง Cascading เพียงอย่างเดียวได้
การใช้ CSS
CSS เป็นภาษาสไตล์ที่ใช้การเรนเดอร์องค์ประกอบมาร์กอัป HTML ตารางแบบเรียงซ้อนช่วยให้คุณสามารถปรับแต่งตัวเลือกที่ไม่สามารถเปลี่ยนแปลงได้ใน HTML ตัวอย่างเช่น การใช้ภาษาของรูปแบบ คุณสามารถแก้ไขรูปแบบแบบอักษร สีได้ CSS อนุญาตให้คุณตั้งค่าระยะขอบ เส้น ช่องว่างภายใน ความกว้าง องค์ประกอบตำแหน่ง และดำเนินการผลลัพธ์ของพารามิเตอร์เหล่านั้นที่ไม่สามารถทำได้โดยใช้ HTML ที่ "บริสุทธิ์"
สไตล์ชีตแบบเรียงซ้อนได้รับการสนับสนุนโดยเบราว์เซอร์เกือบทั้งหมดและใช้กับทรัพยากรบนเว็บเกือบทุกชนิด พวกเขาควบคุมการแสดงเนื้อหาโดยใช้ภาษาที่ระบุและอนุญาตให้คุณควบคุมการแสดงรายการสำหรับสื่อต่างๆ
หากใช้ HTML เป็นวิธีการจัดโครงสร้างข้อความของหน้าเท่านั้น CSS จะอนุญาตให้คุณปรับแต่งการแสดงเนื้อหาที่แสดงได้
ไวยากรณ์ CSS และการรวมอยู่ในโค้ด HTML HTML
เมื่อออกแบบเพจ ควรใช้ CSS แทนเครื่องมือ HTML ความจริงก็คือว่าในตอนแรก HTML ไม่มีวิธีการแก้ไขสีขององค์ประกอบและไม่ได้มีวัตถุประสงค์เพื่อตั้งค่าสีและพารามิเตอร์การแสดงผล ดังนั้นการใช้ตัวอธิบาย HTML ในการสร้างการออกแบบอาจถือว่าไม่ถูกต้องโดยนักพัฒนาเว็บบางราย
CSS มีไวยากรณ์ที่แตกต่างจาก HTML และรวมอยู่ในโค้ดของเพจผ่านแท็ก คุณยังสามารถรวมโค้ด CSS ที่อยู่ในไฟล์แยกต่างหากได้โดยใช้แท็กพารามิเตอร์:
โค้ด CSS มีไวยากรณ์บางอย่าง ซึ่งควรยึดถืออย่างเคร่งครัด มิฉะนั้น สไตล์ที่สร้างขึ้นจะไม่ปรากฏบนหน้า ส่วนของโค้ด CSS สามารถแบ่งออกเป็น 3 องค์ประกอบหลัก ได้แก่ ตัวเลือก คุณสมบัติ และค่า รายการเหล่านี้เขียนดังนี้:
ตัวเลือก {คุณสมบัติ: ค่า; }
ตัวเลือกระบุหมายเลขอ้างอิงที่ใช้กฎการแสดงผลที่สร้างขึ้น พารามิเตอร์คุณสมบัติกำหนดลักษณะที่แก้ไขได้ขององค์ประกอบ และค่ากำหนดตัวเลือกที่สอดคล้องกันสำหรับคุณสมบัติ ตัวอย่างเช่น หากต้องการเปลี่ยนสีในส่วนหัวระดับที่สอง
HTML คุณสามารถใช้รหัสต่อไปนี้:
h2 {สี: แดง; }
รหัสนี้กำหนดสีข้อความเป็นสีแดง ซึ่งอยู่ในตัวอธิบายส่วนหัวระดับที่สอง
CSS ใช้ตารางสี HTML มาตรฐาน
นอกจากการใช้แท็กแล้ว คุณยังสามารถใช้แท็กภายในได้อีกด้วย ตัวอย่างเช่น:
หัวเรื่อง
โค้ดนี้เหมือนกันทุกประการกับโค้ดที่อธิบายข้างต้น โดยมีความแตกต่างที่พารามิเตอร์ CSS เองถูกตั้งค่าไว้ใน descriptor ที่จำเป็นสำหรับการแก้ไข