Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

CSS แบบอินไลน์:วิธีเพิ่ม CSS อินไลน์ไปยังหน้าเว็บ

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 ภายใน:วิธีการนี้เกี่ยวข้องกับการใช้แท็ก