tailieunhanh - Bài giảng Lập trình Web: Chương 4 - GV. Trần Công Án

Bài giảng Lập trình Web: Chương 4 do GV. Trần Công Án biên soạn cung cấp cho người đọc các kiến thức: Giới thiệu cascading style sheet, các cách sử dụng CSS trong HTML,.! | CT428. L™p Trình Web Ch˜Ïng 4 - CSS và JavaScript Gi£ng viên: Tr¶n Công Án (tcan@) 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à .