51. Block, Inline, and Inline-Block explained Hiểu rõ về Block, Inline và Inline-Block

preview_player
Показать описание
❤️ Donate ủng hộ phát triển kênh| Momo: 0975812064
Số TK : 0975812064 Ngân hàng TPBank - Chủ tài khoản: Phạm Trung Kiên
✅ Nếu thấy video hay và bổ ích hãy like và chia sẻ để mình biết
Các bạn đang quan tâm nhiều đến chủ đề nào và phát triển tiếp cho nội dung đăng sau này
Playlist Video :

1. Block Elements:
Block elements, hay còn gọi là "khối," thường chiếm hết chiều rộng của phần tử cha và bắt đầu từ một dòng mới. Điều này có nghĩa rằng các phần tử block không chia sẻ không gian chiều ngang với các phần tử khác và thường được sử dụng để tạo cấu trúc lớn của trang web như tiêu đề, đoạn văn bản, hoặc hình ảnh.

2. Inline Elements:
Ngược lại, các phần tử "Inline" chiếm một phần của không gian chiều ngang và cho phép các phần tử khác nằm bên cạnh chúng trên cùng một dòng. Các ví dụ phổ biến của phần tử inline bao gồm các liên kết (a), văn bản in đậm (strong), và văn bản in nghiêng (em).

3. Inline-Block Elements:
Phần tử "Inline-Block" là sự kết hợp giữa "Block" và "Inline." Chúng có thể chiếm không gian chiều ngang như các phần tử "Inline," nhưng cũng có thể chứa nội dung như các phần tử "Block." Điều này làm cho chúng trở thành lựa chọn tốt khi bạn muốn tạo một khung chứa linh hoạt, ví dụ như các nút chức năng trong một dòng văn bản.

Trong video hôm nay, chúng tôi sẽ đi sâu vào từng loại phần tử này, cung cấp ví dụ cụ thể và hướng dẫn cách sử dụng chúng trong mã HTML và CSS. Bằng cách hiểu rõ về cách hoạt động của "Block," "Inline," và "Inline-Block," bạn sẽ có khả năng kiểm soát và thiết kế trang web của mình một cách hiệu quả hơn.

Рекомендации по теме
Комментарии
Автор

mong a giữ gìn sk để ra thêm nhiều video bổ ích

cuonganime.
Автор

extension con bọ anh sử dụng trong video để thấy được các khối block đó tên là gì thế

hanabi