css 03 (slide)

www.trungtamtinhoc.edu.vn

CSS BUI 3

Ging vin: on Vit Qun

HC VIN CNG NGH VIETPRO


IU KHIN TRONG CSS

I. iu khin cho lin kt (Link)

1. S kin link

S kin link bt trng thi lin kit khi cha c click

C php

a:link { thuc_tnh_1: gi_tr; thuc_tnh_N: gi_tr; }


IU KHIN TRONG CSS

2. S kin hover

S kin hover bt trng thi lin kt khi c h chut

C php

a:hover{ thuc_tnh_1: gi_tr; thuc_tnh_N: gi_tr; }


IU KHIN TRONG CSS

3. S kin active

S kin active bt trng thi lin kt khi ang c gi click

C php

a:active { thuc_tnh_1: gi_tr; thuc_tnh_N: gi_tr; }


IU KHIN TRONG CSS

4. S kin visited

S kin visited bt trng thi lin kt khi c click

C php

a:visited { thuc_tnh_1: gi_tr; thuc_tnh_N:gi_tr; }


IU KHIN TRONG CSS

II. iu khin cho th HTML

S kin hover bt trng thi khi th HTML c h chut qua

C php

HTML tag: hover { thuc_tnh_1: gi_tr;thuc_tnh_N: gi_tr; }


BOX MODEL

I. M hnh hp Box Model

Trong CSS, Box Model m t cch m CSS nh dng khi khng gianbao quanh mt thnh phn.


BOX MODEL

II. Thuc tnh Padding

1. Khai bo thuc tnh padding

padding-top : gi_tr;

padding-right : gi_tr;

padding-bottom : gi_tr;

padding-left : gi_tr;


BOX MODEL

2. Khai bo rt gn

Padding: gi_tr_1 gi_tr_2 gi_tr_3 gi_tr_4

Gi_tr_1: vng m pha trn

Gi_tr_2: vng m bn phi

Gi_tr_3: vng m pha di

Gi_tr_4: vng m bn tri


BOX MODEL

3. Khai bo rt gn

Padding: gi_tr_1 gi_tr_2

Gi_tr_1: vng m pha trn - di

Gi_tr_2: vng m bn phi - tri

Padding: gi_tr

Gi_tr: vng m trn-di-tri-phi


BOX MODEL

III. Thuc tnh Border

1. Border-width

Thuc tnh border-width s dng thit lp dy ng vin

Gi tr ca thuc tnh border-width l di

C php

Selector { border-width: gi_tr; }


BOX MODEL

2. Border-color

Thuc tnh border-color s dng thit lp mu ng vin

Gi tr ca thuc tnh border-color l tn mu hoc m mu

C php

Selector { border-color: gi_tr; }


BOX MODEL

3. Border-style

Thuc tnh border-style s dng thit lp kiu ng vin

Gi tr ca thuc tnh border-style


BOX MODEL

3. Border-style

C php

Selector { border-style: gi_tr; }


BOX MODEL

4. Cch vit rt gn

Border: gi_tr_1 gi_tr_2 gi_tr_3

gi_tr_1: dy ng vin

gi_tr_2: mu ca ng vin

gi_tr_3: kiu ng vin


BOX MODEL

IV. Thuc tnh Margin

1. Khai bo thuc tnh margin

Margin-top: gi_tr;

Margin-right : gi_tr;

Margin-bottom : gi_tr;

Margin-left : gi_tr;


BOX MODEL

2. Khai bo rt gn

Margin: gi_tr_1 gi_tr_2 gi_tr_3 gi_tr_4

Gi_tr_1: canh l pha trn

Gi_tr_2: canh l bn phi

Gi_tr_3: canh l pha di

Gi_tr_4: canh l bn tri


BOX MODEL

2. Khai bo rt gn

Margin: gi_tr_1 gi_tr_2

Gi_tr_1: canh l trn - di

Gi_tr_2: canh l phi tri

Margin: gi_tr

Gi_tr : canh l trn-di-tri-phi


CHC CC BN HC TP TT

HC VIN CNG NGH VIETPRO

css 03 (slide)

Documents