Xem mẫu

CT428. L™p Trình Web
Ch˜Ïng 4 - CSS và JavaScript
Gi£ng viên: Tr¶n Công Án (tcan@cit.ctu.edu.vn)
BÎ môn M§ng máy tính & Truy∑n thông
Khoa Công Nghª Thông Tin & Truy∑n Thông
§i hÂc C¶n ThÏ

2015

Cascading Style Sheet (CSS)

[CT428] Ch˜Ïng 4. CSS và JavaScript

NÎi Dung
GiÓi thiªu Cascading Style Sheet (CSS)
Các cách s˚ dˆng CSS trong HTML
Selector (BÎ chÂn)
Property
BË cˆc (Layout)
Box model
MÎt sË chú ˛
TS. Tr¶n Công Án (Khoa CNTT&TT) [CT428] Ch˜Ïng 4. CSS và JavaScript

3

[CT428] Ch˜Ïng 4. CSS và JavaScript
GiÓi thiªu Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) Là Gì?
I

Là mÎt ngôn ng˙ dùng ∫ mô t£ hình th˘c, bË cˆc và cách trình
bày cıa thông tin trên trang web.
(vs. HTML: dùng ∫ th∫ hiªn nÎi dung và cßu trúc trang web)

I

Dùng ∫ mô t£ thông tin s≥ ˜Òc th∫ hiªn th∏ nào.
(vs. HTML: dùng ∫ ‡nh nghæa thông tin gì s≥ ˜Òc th∫ hiªn)

I

Cho phép tách rÌi ph¶n trình bày và ph¶n nÎi dung cıa mÎt trang
web, giúp viªc b£o trì, thay Íi hay c™p nh™t dπ dàng hÏn.

I

CSS có th∫ ˜Òc nhúng bên trong trang web hay ‡nh nghæa trong
1 t™p tin riêng biªt (.css) ∫ s˚ dˆng chung cho nhi∑u trang web.
(HTML: Structure) + (CSS: Presentation) = Web page

TS. Tr¶n Công Án (Khoa CNTT&TT) [CT428] Ch˜Ïng 4. CSS và JavaScript

4

[CT428] Ch˜Ïng 4. CSS và JavaScript
GiÓi thiªu Cascading Style Sheet (CSS)

LÒi Ích Và Nh˜Òc

i∫m Cıa CSS

I

Cßu trúc cıa các trang web rõ ràng hÏn do tách rÌi gi˙a trình bày
và nÎi dung.

I

Có th∫ th¯a k∏ style ã ‡nh nghæa cho nhi∑u trang web ho∞c
website ) ti∏t kiªm thÌi gian thi∏t k∏ website.

I

Gi£m kích th˜Óc trang web ) t´ng tËc Î download trang web.

I

B£o trì và thay Íi cßu trúc, bË cˆc và hình th˘c cıa trang web dπ
dàng hÏn.

I

Tuy nhiên, CSS có mÎt nh˜Òc i∫m là s¸ t˜Ïng thích cıa trình
duyªt Ëi vÓi CSS: các trình duyªt có s¸ hÈ trÒ khác nhau Ëi vÓi
CSS.

TS. Tr¶n Công Án (Khoa CNTT&TT) [CT428] Ch˜Ïng 4. CSS và JavaScript

5

nguon tai.lieu . vn