Inline CSS ใช้สไตล์ CSS ภายในแท็ก HTML ขององค์ประกอบ แอตทริบิวต์ style HTML กำหนดรูปแบบขององค์ประกอบ กฎ CSS แบบอินไลน์จะแทนที่สไตล์จากเอกสาร CSS อื่นๆ เนื่องจากใช้กับองค์ประกอบโดยตรง
ภาษาการเขียนโปรแกรม HTML ใช้เพื่อกำหนดโครงสร้างของหน้าเว็บ CSS ให้คุณเพิ่มสไตล์ของคุณเองลงในองค์ประกอบ HTML
ซึ่งจะทำให้คุณสามารถกำหนดความสวยงามขององค์ประกอบต่างๆ บนเว็บเพจได้ มีสามวิธีที่คุณสามารถใช้เพื่อเพิ่ม CSS ลงในหน้าเว็บ:CSS แบบอินไลน์, CSS ภายใน และ CSS ภายนอก สำหรับบทช่วยสอนนี้ เราจะเน้นที่ CSS inline
บทแนะนำนี้จะกล่าวถึงวิธีการเพิ่ม CSS ให้กับหน้าเว็บโดยใช้ CSS ในบรรทัด และไวยากรณ์ที่เกี่ยวข้องกับรูปแบบอินไลน์
รูปแบบ CSS
ในปี 1996 CSS ได้รับการแนะนำ CSS ทำให้สามารถแยกการนำเสนอและเนื้อหาของเว็บไซต์ได้ เมื่อใช้ CSS คุณสามารถเพิ่มสไตล์ให้กับหน้าเว็บ และใช้สไตล์เหล่านั้นกับองค์ประกอบเฉพาะบนหน้าเว็บได้
มีสามวิธีที่คุณสามารถใช้เพื่อใช้สไตล์กับหน้าเว็บ:
- Inline CSS:วิธีการนี้เกี่ยวข้องกับการใช้สไตล์ที่ไม่ซ้ำกับองค์ประกอบเดียว
- CSS ภายนอก:วิธีการนี้เกี่ยวข้องกับการสร้างไฟล์ CSS แยกต่างหากที่เก็บสไตล์สำหรับหน้าเว็บ
- CSS ภายใน:วิธีการนี้เกี่ยวข้องกับการใช้แท็ก