การเรียกใช้งาน CSS Style ที่ได้กำหนดไว้

บทความนี้เราจะมาเริ่มต้น ลองเรียกใช้งาน CSS Style ที่เราได้สร้างไว้ในบทความที่แล้ว มาดูกันค่ะว่าจะเรียกใช้งานกันอย่างไร แต่รับรองได้ค่ะว่าทได้ง่าย ๆ และรวดเร็วด้วยค่ะ

จากบทที่แล้วเราได้สร้าง CSS Style ไว้แล้ว ซึ่งเป็น Style เกี่ยวกับตัวอักษรและข้อความ ทีนี้เราก็มาเริ่มต้นกันเลยค่ะ

ขั้นตอนที่ 1 ให้เราสร้างข้อความขึ้นมาก่อนค่ะ โดยไม่ต้องกำหนดคุณสมบัติใด ๆ ของข้อความค่ะ แค่พิมพ์ข้อความธรรมดา ๆ

ขั้นตอนที่ 2 หลังจากนั้นให้ใช้เมาท์ลากเพื่อเลือกข้อความ ตามภาพที่ 2 ค่ะ

ขั้นตอนที่ 3 เลื่อนเมาส์มาที่บริเวณด้านล่าง ตรงส่วนของ Properties จากนั้นคลิกเลือกที่ชื่อ Style ตามภาพที่ 3 ค่ะ จากนั้นเลือก Style ตามชื่อที่เราได้สร้างไว้ ในบทความที่แล้วค่ะ

เสร็จเรียบร้อยแล้วค่ะ เพียงแค่นี้ข้อความที่เราใช้ Style นี้ ก็จะเปลี่ยนคุณสมบัติตามค่าของ Style ที่เราได้กำหนดไว้ คือฟอนต์แบบ tahoma ขนาด 12 pixels และมีสีเทาดำ #333333

จากภาพผลลัพธ์ Webmaster สร้างสไตล์อีกชื่อ คือ tahoma_B12red คือสร้างสไตล์ ฟอนต์แบบ tahoma ขนาด 12 pixels และมีสีแดง #FF0000 และเป็นตัวหนา ซึ่งเมื่อเลือกใช้ Style ตัวนี้ก็จะได้ผลลัพธ์อย่างที่เห็นค่ะ