วันพฤหัสบดีที่ 28 สิงหาคม พ.ศ. 2551

How to use CSS ?

How to use CSS ?
จากคราวที่แล้วทุกคนคงได้รู้จัก CSS กันมาบ้างนะครับ ในวันนี้เราจะมารู้ถึงวิธีการเรียกใช้ CSS ในรูปแบบต่างๆกันนะครับ

O_o --> One
แบบแรกที่ทำให้ดูก็คือการแทรกเข้าไปใน tag โดยตรงนะครับ

ตัวอย่าง
Photobucket


O_O --> Two
แบบที่สอง จะเป็นการสร้าง Style ไว้ในส่วนของ tag head แล้วนำมาเรียกใช้

ตัวอย่าง
Photobucket


@( >"<)@ --> Three
แบบที่สาม จะเป็นการสร้าง Style เก็บไว้ในไฟล์ .css แล้วเรียกใช้ผ่าน tag link นะครับ

ตัวอย่าง ในไฟล์ test_css.css
.test_css { width:100; color:red; }

ในไฟล์ test_html.html
Photobucket

ผลลัพท์ที่ได้จากทั้งสามวิธี
*******************
Photobucket

จากสามวิธีที่แสดงให้ดู ส่วนตัวผมคิดว่าแบบที่สามจะมีความยืดหยุ่นมากที่สุดนะครับ เพราะว่าสามารถนำไปให้ไฟล์อื่นเรียกใช้งานได้ด้วย
สำหรับวันนี้ผู้ที่อ่านมาจนจบ ก็คงสามารถนำ CSS ไปใช้ได้บ้างแล้วนะครับ
ครั้งหน้าเราคงเปลี่ยนเป็นเรื่องอื่นนะครับ เพราะว่าตัวผมเองก็ไม่ได้เชี่ยวชาญเรื่องนี้มากนัก ^^
ครั้งหน้าเจอกันในเรื่อง Photoshop จะดีกว่า ^^"

1 ความคิดเห็น:

Kobdesign's blog กล่าวว่า...

พี่ว่าให้ชัยเทรนนิ่งเพื่อน ๆ ดีกว่านะครับ น่าจะรู้เยอะกว่าพี่ล่ะ อิอิ