tailieunhanh - Bài giảng Phát triển ứng dụng web: Chương 3 - Lê Đình Thanh

Bài giảng Phát triển ứng dụng web: Chương 3 CSS, cung cấp cho người đọc những kiến thức như: Bảng định dạng xếp tầng; Lý do sử dụng CSS; Style Rule; Bộ chọn theo kiểu phần tử; Bộ chọn theo thuộc tính; Bộ chọn theo định danh; .Mời các bạn cùng tham khảo! | Bài giảng PHÁT TRIỂN ỨNG DỤNG WEB Lê Đình Thanh Khoa Công nghệ Thông tin Trường Đại học Công nghệ ĐHQGHN E-mail thanhld@ Mobile Chương 3 CSS Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Nội dung HTML CSS JavaScript DOM Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Nội dung web Một trang web bao gồm một tập các đối tượng tài liệu được khai báo bằng HTML lưu trữ theo cấu trúc DOM định kiểu trình diễn bởi CSS quản lý bởi JavaScript Quan trọng Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Bảng định dạng xếp tầng CSS Cascading Style Sheet Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Lý do sử dụng CSS Nguyên lý tách biệt nội dung và trình diễn Dùng HTML khai báo các đối tượng tài liệu nội dung . Dùng CSS để xác định cách trình diễn các đối tượng tài liệu. Nguyên lý nhất quán trong thiết kế giao diện Nhiều đối tượng cần được định dạng theo một kiểu thống nhất. Ví dụ tất cả các bảng có cùng một kiểu tất cả các siêu liên kết có cùng một kiểu. Nhiều trang cần được dàn trang một cách thống nhất. Nguyên lý W1Un DRY Kiểu định dạng cần được định nghĩa một lần và sử dụng nhiều lần nhiều nơi. Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Style Rule Bộ chọn thuộc-tính giá-trị thuộc-tính giá-trị Bộ chọn selector Lọc ra các đối tượng tài liệu khớp match với bộ chọn Khai báo declaration thuộc-tính giá-trị Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Bộ chọn theo kiểu phần tử HTML Chọn đối tượng html BODY Chọn đối tượng body TD Chọn các đối tượng td TEXTAREA Chọn các đối tượng textarea LABEL Chọn các đối tượng span INPUT Chọn các đối tượng input SELECT Chọn các đối tượng select A Chọn các đối tượng liên kết UL Chọn các đối tượng danh sách không sắp xếp OL Chọn các đối tượng danh sách sắp xếp DL Chọn các đối tượng danh sách định nghĩa LI Chọn các đối tượng mục trong danh sách DL DT DD - Chọn các đối tượng mục trong danh sách định nghĩa Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Bộ chọn theo kiểu phần tử Ví dụ span color ff0000 This is a