ข้อกำหนด CSS อนุญาตให้สร้างสไตล์โดยใช้ไวยากรณ์ชวเลขที่เรียกว่า CSS ชวเลข ชวเลข CSS ช่วยให้คุณสามารถระบุค่าของคุณสมบัติหลายรายการด้วยแท็กคุณสมบัติเดียว ตัวอย่างเช่น คุณสามารถใช้คุณสมบัติแบบอักษรเพื่อตั้งค่าคุณสมบัติแบบอักษร ตัวแปรแบบอักษร น้ำหนักแบบอักษร ขนาดแบบอักษร ความสูงบรรทัด และตระกูลแบบอักษรในไวยากรณ์บรรทัดเดียว
ประเด็นสำคัญที่ควรทราบเมื่อใช้ CSS แบบชวเลขคือค่าที่ละเว้นจากคุณสมบัติ CSS แบบชวเลขจะได้รับการกำหนดค่าเริ่มต้นสำหรับคุณสมบัติ เมื่อมีการกำหนดกฎ CSS สองกฎขึ้นไปให้กับแท็กเดียวกัน อาจทำให้เพจแสดงไม่ถูกต้อง
ตัวอย่างเช่น แท็ก H1 ที่แสดงด้านล่างใช้ไวยากรณ์ CSS ปกติ โปรดทราบว่าค่าสำหรับคุณสมบัติชุดแบบอักษร, การยืดแบบอักษร, การปรับขนาดแบบอักษร และลักษณะแบบอักษรจะได้รับการกำหนดเป็นค่าเริ่มต้น
H1 {
น้ำหนักตัวอักษร: ตัวหนา;
ขนาดตัวอักษร: 16pt;
ความสูงของเส้น: 18pt;
ตระกูลฟอนต์: Arial;
แบบอักษร: ปกติ;
รูปแบบตัวอักษร: ปกติ;
ยืดแบบอักษร: ปกติ;
ปรับขนาดตัวอักษร: ไม่มี
-
มาเขียนแท็กนี้ใหม่โดยใช้แอตทริบิวต์ชวเลข:
H1 { แบบอักษร: ตัวหนา 16pt/18pt Arial }
เมื่อเขียนโดยใช้สัญลักษณ์ชวเลข ค่าที่ละเว้นจะถูกกำหนดค่าเริ่มต้นโดยอัตโนมัติ ดังนั้น ตัวอย่างชวเลขด้านบนจึงละเว้นแท็กแบบอักษร รูปแบบแบบอักษร ยืดแบบอักษร และปรับขนาดแบบอักษร
หากคุณใช้ไวยากรณ์ CSS แบบชวเลขและรูปแบบปกติเพื่อกำหนดสไตล์ในที่มากกว่าหนึ่งแห่ง (เช่น การฝังสไตล์ในหน้า HTML และการนำเข้าสไตล์จากสไตล์ชีตภายนอก) โปรดทราบว่าแอตทริบิวต์ที่ละเว้นอาจแทนที่ (หรือเรียงซ้อน) สไตล์ในคุณสมบัติที่กำหนดไว้อย่างชัดเจนที่อื่น
ดังนั้น Dreamweaver จึงใช้สัญลักษณ์ CSS ในรูปแบบปกติสำหรับการเขียนไวยากรณ์ตามค่าเริ่มต้น วิธีนี้จะช่วยป้องกันปัญหาที่อาจเกิดขึ้นจากกฎชวเลขที่แทนที่กฎทั่วไป เมื่อคุณเปิดเว็บเพจใน Dreamweaver ที่เข้ารหัสโดยใช้สัญลักษณ์ CSS แบบชวเลข โปรดทราบว่า Dreamweaver จะใช้รูปแบบปกติเพื่อสร้างกฎ CSS ใหม่ คุณสามารถเปลี่ยนการตั้งค่าการแก้ไข CSS ได้ในหมวดหมู่ CSS Styles ของกล่องโต้ตอบการตั้งค่า (แก้ไข >> การตั้งค่าบน Windows; Dreamweaver >> การตั้งค่าบน Macintosh) ระบุวิธีที่ Dreamweaver สร้างและแก้ไขกฎ CSS
สังเกต
แผง CSS Styles จะสร้างกฎโดยใช้สัญลักษณ์ปกติเท่านั้น หากคุณใช้แผงสไตล์ CSS เพื่อสร้างเพจหรือสไตล์ชีต CSS โปรดทราบว่ากฎ CSS การเขียนชวเลขด้วยมืออาจทำให้คุณสมบัติชวเลขแทนที่คุณสมบัติที่สร้างขึ้นในรูปแบบปกติ ดังนั้นให้ใช้สัญลักษณ์ CSS ธรรมดาเพื่อสร้างสไตล์ของคุณ