การกำหนดขนาดตัวอักษรโดยใช้ CSS Style จัดทำโดย : Mr.GuruZ พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------

พูดถึงในเรื่องของการพิมพ์ข้อความ คงหนีไม่พ้นการกำหนดขนาดตัวอักษรถ้าเป็นการกำหนดแบบปกติอาจจะทำให้หน้าเว็บของเราเพี้ยน แต่ถ้าเป็นการกำหนดขนาดตัวอักษรโดยใช้ CSS Style จะทำให้หน้าเว็บของเราคงเดิมไม่ว่าผู้ใช้จะเปลี่ยนขนาดของตัวอักษรแบบใดก็ตาม ลงมือกันเลยดีกว่า |--

1.> พิมพ์ข้อความที่เราต้องการกำหนดลงในหน้าที่เราต้องการ ดังรูป

2.> Click ขวา ที่หน้าเอกสารเลือกเมนู CSS Styles -> New Style...

3.> หลังจากที่เราเลือกคำสั่ง New Style... แล้วจะปรากฎหน้าต่างให้เรากำหนดชื่อของรูปแบบตัวอักษร ในที่นี้ผมต้องการ Font ขนาด 12 เราก็ตั้งชื่อให้สอดคล้องกับขนาดตัวอักษรที่เราต้องการ หลังจากนั้นกด OK ดังภาพ
Tip
- ชื่อที่เราตั้งไม่สามารถเว้นวรรคได้ ถ้าต้องการเว็นวรรคให้ใส่เครื่องหมาย (
_ )

4. หลังจากนั้นเราก็ทำการเลือก Font และขนาดตามที่เราต้องการ ในที่นี้ผมจะใช้ Font Tahoma ขนาด 12 ตามที่เราได้ตั้งชื่อไว้แต่แรก ดังรูปด้านล่าง

5.> การนำไปใช้ ให้เรานำ Mouse เลือกข้อความที่เราพิมพ์ไว้ click ขวาที่ข้อความ เลือกที่เมนู
CSS Styles -> font12
ตามที่เราได้ตั้งชื่อไว้
ข้อสังเกต ถ้าเราทำถูกต้องตามขั้นตอนขนาดของตัวอักษรจะมีการเปลี่ยนแปลง ดังรูป



6.> เพียงเท่านี้เราก็สามารถกำหนดขนาดตัวอักษรโดยใช้ CSS Styles ได้แล้วล่ะครับลองนำไปใช้ดู :-)

คุณอาจสนใจ
การทำให้เอกสาร Word บันทึกโดยอัตโนมัติ
P'nutthapon (21,511 - 13 ม.ค. 50)
การทำ Flash Popup menu
Black-Hawk (103,916 - 22 ม.ค. 51)
การแต่งภาพ ClipArt
หมูขุน (15,008 - 04 ก.พ. 50)
การทำ ลิ้งค์ และ เมาส์ hover จาก Flash
Tung (87,259 - 06 ธ.ค. 50)
การใส่อักขระพิเศษ
สายลม (55,664 - 04 มิ.ย. 49)
การใส่สีให้กับตัวอักษร HTML
สายลม (126,094 - 04 มิ.ย. 49)
สร้างข้อความแจ้งเตือนก่อนล็อกออน (Vista)
สายลม (15,510 - 26 เม.ย. 51)
เพิ่มความเร็ว Vista ด้วย Flash Drive คุ้มค่าหรือไม่
ไอ้จุก (18,221 - 15 มี.ค. 51)