Download
1 / 35
360 likes | 513 Views
CSS. Chương 4. Các nhóm thuộc tính trong CSS. Mục tiêu bài học. Thuộc tính đị nh dạng font chữ , v ă n bản (font, text) Thuộc tính đị nh dạng nền (background) Mô hình hộp (box model) Các thuộc tính đị nh margin, padding, border Thuộc tính đị nh dạng cách hiển thị (display)
E N D
CSS Chương 4 • Cácnhómthuộctínhtrong CSS
Mụctiêubàihọc • Thuộctínhđịnhdạng font chữ, văn bản (font, text) • Thuộctínhđịnhdạngnền (background) • Môhìnhhộp (box model) • Cácthuộctínhđịnh margin, padding, border • Thuộctínhđịnhdạngcáchhiểnthị (display) • Thuộctínhxácđịnhvịtrí (position)
Mô hình hộp (box model) • Tài liệu (X)HTML, XML gồm các phần tử chứa trong phần tử khác theo document tree • Mỗi phần tử được xem như box, chứa các thành phần nội dung, border, margin, padding… • Tài liệu HTML chính là tập các box lồng nhau, mỗi box có thể chứa các box con khác và có box lớn ngoài cùng.
Thuộctínhđịnhdạnglề + vùngđệm • Khi khai báo rút gọn giá trị margin, padding thì các giá trị tính theo chiều kim đồng hồ tính từ top
Định dạng cách hiển thị • Giá trị thuộc tính Display
Thuộctínhxácđịnhvịtrí • Giá trị thuộc tính postion
Thuộctínhxácđịnhvịtrí • Thiết lập vị trí thành phần theo vị trí tương đối
Thuộctínhxácđịnhvịtrí • Thiết lập vị trí thành phần theo vị trí tuyệt đối
Thuộctínhxácđịnhvịtrí • Giá trị thuộc tính clip
Thuộctínhxácđịnhvịtrí • Giá trị thuộc tính overflow
Thuộctínhxácđịnhvịtrí • Sử dụng overflow để bật thanh cuộn khi nội dung vượt quá kích thước thành phần
Thuộctínhxácđịnhvịtrí • Giá trị thuộc tính z-order
