CSS สไตล์อินไลน์พื้นฐาน
ตัวอย่างวิธีใช้ CSS สไตล์อินไลน์พื้นฐาน
สมมติว่าเราต้องการจัดสไตล์ย่อหน้าของข้อความให้มีสีฟอนต์สีน้ำเงิน น้ำหนักฟอนต์ตัวหนา และขนาดฟอนต์ 16 px เราสามารถทำได้โดยใช้แอตทริบิวต์ style ภายในแท็กย่อหน้านี้
< p style = " color : blue ; font - weight : old ; font - size : 16 p x ; " > นี่คือย่อหน้าของข้อความที่มีรูปแบบอินไลน์< / p >
รายละเอียดของสิ่งที่เกิดขึ้นในโค้ดนี้
แท็ก < p > สร้างองค์ประกอบย่อหน้า
คุณลักษณะ style ถูกเพิ่มลงในแท็กเปิด < p > เพื่อใช้สไตล์แบบอินไลน์
สไตล์ถูกกำหนดโดยใช้คู่คุณสมบัติ - ค่า CSS คั่นด้วยเครื่องหมายอัฒภาค
คุณสมบัติ color : blue สีกำหนดสีตัวอักษรเป็นสีน้ำเงิน
คุณสมบัติ Font - weight กำหนดน้ำหนักตัวอักษรให้เป็นตัวหนา
คุณสมบัติขนาดตัวอักษรกำหนดขนาดตัวอักษรเป็น 16 px พิกเซล
แค่นั้น เราสามารถใช้ไวยากรณ์เดียวกันนี้เพื่อใช้สไตล์อินไลน์กับองค์ประกอบ HTML อื่นๆ ได้เช่นกัน อย่างไรก็ตาม โดยทั่วไปถือเป็นแนวทางปฏิบัติที่ดี
ในการใช้สไตล์ชีตภายนอกสำหรับการออกแบบที่ซับซ้อนมากขึ้น เนื่องจากสไตล์อินไลน์อาจทำให้โค้ด HTML ของเราอ่านและบำรุงรักษาได้ยากขึ้น
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2024 Blockdit
