CSS FONT Property - PowerPoint PPT Presentation

1 / 30
About This Presentation
Title:

CSS FONT Property

Description:

CSS FONT Property. 1.Font. Description : l m?t thu?c t nh c trong t?t c? c c ... p This is a normal paragraph /p p style='font: caption' This is a paragraph ... – PowerPoint PPT presentation

Number of Views:282
Avg rating:3.0/5.0
Slides: 31
Provided by: hang78
Category:
Tags: css | font | hight | property

less

Transcript and Presenter's Notes

Title: CSS FONT Property


1
CSS FONT Property
2
1.Font
  • Description là m?t thu?c tính có trong t?t c?
    các thi?t l?p c?a thu?c tính du?c khai báo

3
1.Font Property
  • Value
  • font-stylefont-variantfont-weightfont-size/lin
    e-heightfont-familycaptioniconmenumessage-box
    small-captionstatus-bar

4
1.Font Property (ti?p)
  • Browser support
  • IE 4
  • FF 1
  • Netscape 4
  • W3C 1

5
1.Font Property (ti?p)
  • Ví d?
  • lthtmlgt
  • ltbodygt
  • ltpgtThis is a normal paragraphlt/pgt
  • ltp style"font caption"gtThis is a paragraph with
    a "caption" fontlt/pgt
  • lt/bodygt
  • lt/htmlgt

6
1.Font(ti?p)
  • Ví d?(ti?p)
  • pfont 12px arial pfont italic
    small-caps bold 12px arial

7
2.Font-family Property
  • Ý nghia
  • thu?c tính font-family là thu?c tính du?c uu tiên
    trong danh sách các thu?c tính.Trình duy?t s? su
    d?ng giá tr? d?u tiên mà nó nh?n ra.

8
2.Font-family Property
  • Value Có 2 lo?i giá tr?
  • Family-name
  • Generic-family

9
2.Font-family Property
  • Ví d?
  • bodyfont-family courier, serif
    pfont-family arial, "lucida console",
    sans-serif
  • ltp style"font-family arial, 'lucida
    console', sans-serif"gt

10
2.Font-Family Property
  • Browser support
  • IE 3
  • FF 1
  • Netscape 4
  • W3C 1

11
3. Font-size
  • Ý nghia thi?t l?p kích thu?c c?a font
  • Value
  • xx-small
  • x-small
  • Small
  • Medium
  • Large
  • x-large
  • xx-large

12
Font-size
  • Value(ti?p)
  • Smaller
  • Langer
  • Length

13
3.Font-size Property
  • Browser support
  • IE 3
  • FF1
  • Netscape 4
  • W3C 1

14
3.Font-size Property
  • Ví d?
  • bodyfont-size x-largepfont-size 10px

15
4.Font-size-adjust Property
  • Ý nghia thu?c tính font-size-adjust ch? rõ giá
    tr? c?a y?u t? s? du?c gi? x-hight là l?a ch?n
    d?u tiên
  • Value
  • None
  • number

16
4.Font-size-adjust Property
  • Browser support
  • IE 3
  • FF 1
  • Netscape 4
  • W3C 2

17
4.Font-size-adjust Property
  • Ví d?
  • ltstyle type"text/css"gt
  • h1 font-size-adjust 0.50
  • h2 font-size-adjust 0.40
  • p font-size-adjust 0.60
  • lt/stylegt

18
5.Font-stretch Property
  • Ý nghia thu g?n ho?c kéo dãn dòng c?a
    font-family
  • Value
  • normalwidernarrowerultra-condensedextra-conden
    sed

19
5.Font-stretch Property
  • Value(ti?p)
  • Condensed
  • semi-condensed
  • semi-expanded
  • Expanded
  • extra-expanded
  • ultra-expanded

20
5.Font-stretch Property
  • Browser support
  • IE 3
  • FF 1
  • Netscape 4
  • W3C 1

21
5.Font-stretch Property
  • Ví d?
  • h2font-stretch ultra-condensed

22
6.Font-style Property
  • Ý nghia thi?t l?p ki?u font
  • Value
  • Normal
  • Italic
  • oblique

23
Font-style
  • Browser support
  • IE 4
  • FF 1
  • Netscape 4
  • W3C 1

24
6.Font-style Property
  • Ví d?
  • bodyfont-style italic

25
7.Font-variant Property
  • Ý nghiahi?n th? van b?n du?i d?ng kí t? hoa
  • Value
  • Normal
  • Small-caps

26
7.Font-variant Property
  • Browser support
  • IE 4
  • FF1
  • Netscape6
  • W3C1

27
7.Font-variant Property
  • Ví d?
  • pfont-variant small-caps

28
Font-weight
  • Ý nghiathi?t l?p d? d?m nh?t c?a font ch?
  • Value
  • normalboldbolderlighter

29
8.Font-weight Property
  • Value(ti?p)
  • 100200300400500600700800900

30
8.Font-weight Property
  • Ví d?
  • p.normal font-weight normal
  • p.thick font-weight bold
  • p.thicker font-weight 900
Write a Comment
User Comments (0)
About PowerShow.com