CSS Properties

[• Font Family]

ผมเองเคยหา CSS Properties เหมือนกัน หายากน่าดูเลยครับ
ยังไงผมจะรวบรวมที่ผมรู้ไว้ให้นะครับ เริ่มกันด้วย

Font Properties

• Font Family
Syntax:     font-family: [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]
Possible Values:    <family-name>
ตัวอย่างรูปแบบ

โค๊ด:

P { font-family: "New Century Schoolbook", Times, serif }

• Font-style
Syntax:     font-style: <value>
Possible Values:    normal | italic | oblique
ตัวอย่างรูปแบบ

โค๊ด:

H1 { font-style: oblique }
P  { font-style: normal }

• Font Variant
Syntax:     font-variant: <value>
Possible Values:    normal | small-caps
ตัวอย่างรูปแบบ

โค๊ด:

SPAN { font-variant: small-caps }

• Font Weight
Syntax:     font-weight: <value>
Possible Values:    normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
ตัวอย่างรูปแบบ

โค๊ด:

H1 { font-weight: 800 }
P  { font-weight: normal }

• Font size
yntax:     font-size: <absolute-size> | <relative-size> | <length> | <percentage>
Possible Values:    

    * <absolute-size>
          o xx-small | x-small | small | medium | large | x-large | xx-large
    * <relative-size>
          o larger | smaller
ตัวอย่างรูปแบบ

โค๊ด:

H1     { font-size: large }
P      { font-size: 12pt }
LI     { font-size: 90% }
STRONG { font-size: larger }

• Font
Syntax:     font: <value>
Possible Values:    [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
ตัวอย่างรูปแบบ

โค๊ด:

P { font: italic bold 12pt/14pt Times, serif }

แล้วผมจะมาต่อในส่วนอื่นๆ ให้นะ...
ผมฝากข้อคิดไว้หน่อยนะครับ หลายสิ่ง หลายอย่าง ที่เราใช้กันอยู่ทุกวันนี้
มีประโยชน์มากมาย และก็มีโทษมากมายเช่นกัน
เพียงแต่สิ่งเหล่านั้นมันเป็นเพียงเครื่องมือเท่านั้น เครื่องมือเหล่านั้นไม่ได้ผิดเพียงแต่ผิดที่ตัวบุคคลที่ใช้
อยู่ที่เราว่าเราจะเลือกใช้สิ่งนั้นไปในทิศทางไหน
ผมเชื่อว่าฟ้าได้กำหนดชีวิตเรามาเพียงครึ่งหนึ่ง แต่อีกครึ่งหนึ่งเราต้องทำด้วยตัวเราเองนะ...
แล้วเราจะเลือกทางที่ดี หรือเลวล่ะ อันนี้ต้องอยู่ที่ตัวคุณ