/*พื้นที่แสดงความคิดเห็น*/นี่คือไวยากรณ์ความคิดเห็น
1. แผ่นสไตล์ (i) การจำแนกประเภทของแผ่นสไตล์ 1. แผ่นสไตล์อินไลน์มันจะแสดงร่วมกับ HTML พร้อมการควบคุมที่แม่นยำ แต่ความสามารถในการนำกลับมาใช้ใหม่ได้ไม่ดีและซ้ำซ้อนมากขึ้น
ตัวอย่าง: <p style = font-size: 14px;> inline stylesheet </p>
2. แผ่นสไตล์ฝังในฐานะที่เป็นพื้นที่อิสระที่ฝังอยู่ในหน้าเว็บจะต้องเขียนในแท็กหัว
<style type = text/css>
p // รูปแบบทำงานบนแท็ก p
-
สไตล์;
-
</style>
3. แผ่นสไตล์ภายนอกสร้างไฟล์ CSS ใหม่เพื่อวางแผ่นสไตล์ หากคุณต้องการเรียกแผ่นสไตล์ในไฟล์ HTML คุณต้องคลิกขวา→แผ่นสไตล์ CSS →แผ่นสไตล์ที่แนบมาในไฟล์ HTML โดยทั่วไปจะใช้การเชื่อมต่อลิงก์
หมายเหตุ: ไม่จำเป็นต้องเขียนแท็กสไตล์ในไฟล์ CSS
บางแท็กมีระยะขอบเริ่มต้นซึ่งโดยทั่วไปจะถูกลบออกก่อนเมื่อเขียนรหัสแผ่นสไตล์ (สามารถตั้งค่าสไตล์อื่น ๆ ได้) ดังนี้:
หมายเหตุ: ภาพด้านบนคือการลบระยะขอบและระยะห่างก่อน
(ii) ตัวเลือก 1. ตัวเลือกแท็ก ใช้ชื่อฉลากเป็นตัวเลือก 2. ตัวเลือก คลาส พวกเขาทั้งหมด เริ่ม ต้น ด้วย หมายเหตุ: ตัวเลือกคลาสสามารถซ้อนทับด้วยตัวเลือกฉลากเพื่อแสดงเอฟเฟกต์ที่แตกต่างกัน 3. ตัวเลือก ID เริ่มต้น ด้วย # . หมายเหตุ: ตัวเลือก ID สามารถซ้อนทับด้วยตัวเลือกแท็กเพื่อแสดงเอฟเฟกต์ที่แตกต่างกัน<div id = ชื่อสไตล์>
4. ตัวเลือกคอม โพสิต(1) ใช้แยกและระบุความเท่าเทียม
(2) แยกออกจากช่องว่างเพื่อเป็นตัวแทนของลูกหลาน
(3) ตัวกรอง
2. คุณสมบัติสไตล์ (i) พื้นหลังและเบื้องหน้า 1. พื้นหลัง:2. ตัวอักษรเบื้องหน้า: (ii) พรมแดนและเส้นขอบ เส้นขอบ (เส้นขอบตารางสไตล์ ฯลฯ ) ระยะขอบ (ระยะห่างจากตารางนอก) ช่องว่างภายใน (เนื้อหาและระยะห่างของเซลล์) (iii) รายการและบล็อก ความ กว้าง ความสูง ( ด้านบน ด้าน ล่าง ซ้าย ขวา ) มีประโยชน์เฉพาะใน พิกัด สัมบูรณ์ CSS stylesheet code แสดง:
รหัสไฟล์ CSS:
CSS รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด