Bài giảng Nhập môn HTML và thiết kế Web: Bài 6 - Cơ bản về CSS

NH P MÔN HTML VÀ THI T K WEB<br /> <br /> CƠ B N V CSS<br /> <br /> Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT<br /> <br /> 1<br /> <br /> N I DUNG<br /> DHTML,<br /> M ts<br /> c tính cơ b n c a CSS,<br /> Khai báo CSS,<br /> Màu ch , màu n n và font ch ,<br /> nh d ng Text,<br /> Pseudo-classes cho liên k t<br /> <br /> Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT<br /> <br /> DHTML<br /> DHTML (HTML<br /> ng) có th<br /> ư c nh nghĩa<br /> như m t ph n m m ư c s d ng cho vi c mô<br /> t s k t h p gi a HTML, các stylesheet và<br /> ngôn ng script làm cho tài li u tr nên sinh<br /> ng.<br /> V i m i phiên b n trình duy t m i, l i thêm vào<br /> các tính năng t t hơn cho HTML. Ngày nay, các<br /> trình duy t h tr mô hình<br /> i tư ng tài li u<br /> «Document Object Model» mà<br /> ó các ph n<br /> t HTML ư c coi như là i tư ng.<br /> Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT<br /> <br /> DHTML<br /> c i m c a DHTML:<br /> Ki u<br /> ng (Dynamic Style): B ng cách dùng<br /> các ki u ‘style sheets’, chúng ta có th xác<br /> nh màu, ki u ho c c c a n i dung trang.<br /> Chúng ta có th thay<br /> i ki u c a trang mà<br /> không c n g i<br /> n máy ch «Web server»<br /> cho m i l n thêm vào th và thu c tính. i u<br /> ó có nghĩa là chúng ta có th thay i màu,<br /> font, kích c ho c n i dung văn b n khi áp<br /> l i nh ng tương tác c a ngư i dùng.<br /> Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT<br /> <br /> DHTML<br /> c i m c a DHTML:<br /> N i dung<br /> ng (Dynamic Content): Có th<br /> thay i ch và hình nh trên trang web sau<br /> khi nó hi n th . Ta có th thay<br /> i n i dung<br /> c a trang ó khi áp l i s ki n nào ó như<br /> nh p d li u, click chu t,....<br /> C u trúc<br /> i tư ng (Object Strucure): HTML<br /> ng theo m t c u trúc<br /> i tư ng, theo ó<br /> m i ph n t<br /> ư c i x như m t i tư ng<br /> trong c u trúc. M i i tư ng có th truy c p<br /> và l p trình c l p.<br /> Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT<br /> <br />