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