Nổi và Xóa
Giới thiệu: Đây là phần thứ tám trong hướng dẫn Tạo kiểu CSS của tôi, trong đó tôi sẽ đề cập đến phần nổi. Phao là gì? Float được sử dụng để làm cho một phần tử hoạt động như một vật thể nhẹ có thể vừa với khoảng trắng và do đó loại bỏ việc căn chỉnh nó về giữa, v.v. Việc sử dụng float về cơ bản là tạo ra một phần tử hiển thị nội tuyến với các phần tử khác đã được hiển thị nội tuyến hoặc cũng có phần float. Float có thể được sử dụng ở những nơi như liên kết thanh điều hướng, hình thu nhỏ của thư viện và các cột thông tin. Clear: Clear cũng được sử dụng cùng với Float, có thể được sử dụng để chỉ định nơi các phần tử nổi khác không được phép. Ví dụ; nếu bạn có ba hình ảnh nổi bên trái, hình ảnh thứ hai có thể rõ ràng bên phải nghĩa là hình ảnh thứ ba sẽ bị ép ở bên dưới.
Cấu trúc: float: {type}; rõ ràng: {loại};
Ví dụ:Giá trị – Float: left – Float phần tử sang trái. đúng – Nổi ngay. không có – Loại bỏ tất cả các giá trị float. kế thừa – Chỉ định rằng giá trị của thuộc tính float phải được kế thừa từ phần tử cha. Giá trị – Clear: left – Xóa phần bên trái của phần tử đã cho. right – Xóa phần bên phải của phần tử đã cho. cả hai – Xóa cả hai bên. không có – Loại bỏ tất cả các giá trị rõ ràng. kế thừa – Chỉ định rằng giá trị của thuộc tính rõ ràng phải được kế thừa từ phần tử cha.
Liên kết CSS với phần tử HTML: Để liên kết CSS của bạn với phần tử HTML (văn bản, div, v.v.), bạn cần phải quyết định xem mình muốn sử dụng lớp hay id, bạn cũng sẽ cần một tên duy nhất. Khi bạn đã có những thứ đó, hãy chuyển đến phần tử của bạn trong HTML và thêm…… vào các thuộc tính của phần tử đó nếu bạn chọn một lớp, hoặc…nếu bạn chọn một id. Đảm bảo bạn thay thế ‘myClass’ và/hoặc ‘myID’ bằng tên duy nhất của bạn. Sau đó, trong CSS, bạn sẽ muốn bao bọc các thuộc tính của mình bằng…nếu bạn chọn một lớp học, hoặc…(Bạn có thể xóa dòng bắt đầu bằng // nếu muốn). Đây là một ví dụ…