Bài 10: CSS padding

Tham khảo tài liệu bài 10: css padding, công nghệ thông tin, quản trị web phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
Bài 10: CSS padding Bài 10: CSS paddingCSS padding sẽ định nghĩa khoảng trống giữa mép của các phần tử tới cácphần tử con hoặc nội dung b ên trong. Chúng ta không thể gán giá trị âm chothuộc tính này. Cũng giống như margin thuộc tính padding cũng t ương ứng với4 phía của phần tử.Tương ứng với 4 phía của phần tử chúng ta có 4 thuộc tính padding t ương ứngđó là: 1. padding-top: 2. padding-right: 3. padding-bottom: 4. padding-left:Các giá trị có thể gán cho các thuộc tính này là : % hoặc lengthĐể viết cho gọn chúng ta cũng có thể viết thuộc tính padding d ưới dạngshorthand.div.padding { padding: 5px 3px 2px 8px;} Bài 8: Các thuộc tính của marginThuộc tính margin sẽ định nghĩa khoảng trắng bao quanh một phần tử HTML.Nó có thể dùng giá trị âm để lồng nội dung vào với nhau. Tương ứng với 4phía của một phần tử chúng ta có 4 thuộc tính t ương ứng. Mặt khác để viết chogọn chúng ta cũng có thể dùng cách viết giản lược để định nghĩa các giá trị chothuộc tính margin.Đối với các trình duyệt Netcape và IE thì giá trị mặc định của thuộc tínhmargin là 8px. Nhưng Opera thì không hỗ trợ như vậy. Để cho thống nhấtchúng ta có thể đặt margin mặc định cho toàn bộ các phần tử.Các giá trị mà thuộc tính margin có thể nhận đ ược đó là: auto, length, %.Chúng ta đặt giá trị nào là tùy thích cộng với việc t ương ứng tỉ lệ với các phầntử khác.Tương ứng với 4 phía ta có 4 thuộc tính: 1. margin-top: 2. margin-right: 3. margin-bottom: 4. margin-left:Để cho gọn chúng ta cũng có thể việt thuộc tính margin d ưới dạng shorthanddiv.margin { margin: 10px 4px 5px 9px; /* top | right | bottom | left*/}