Trong css để quy định một thành phần sẽ không được hiển thị ta dụng
Chỉnh cách thức hiển thị của một phần tử HTML- Trong loạt tài liệu hướng dẫn học HTML thì tôi đã từng giới thiệu sơ qua với các bạn về hai loại phần tử, đó chính là phần tử khối và phần tử nội tuyến, lý do mà các phần tử này được phân loại như vậy là bởi vì cách thức hiển thị của chúng (ví dụ như các phần tử ,
, , , . . . . được liệt vào nhóm phần tử khối là do khi hiển thị thì chúng luôn bắt đầu trên một hàng mới và
trải dài từ trái sang phải chiếm toàn bộ chiều rộng phần content của cha chúng, còn các phần tử như , , , . . . . được liệt vào nhóm phần tử nội tuyến là do khi hiển thị thì chúng sẽ tiếp nối trên hàng hiện tại và chiều rộng phụ thuộc vào kích cỡ của nội dung nằm ở bên trong chúng)
| - Vậy câu hỏi được đặt ra ở đây là: tại sao tất cả đều là phần tử, mà phần tử này thì lại có cách thức hiển thị như thế này, phần tử kia thì lại có cách thức hiển thị như thế kia !? ,
, , . . . thì mặc định chúng được thiết lập thuộc tính display với giá trị block, cho nên chúng sẽ hiển thị dưới dạng khối.⛔ Chỉ cần thiết lập lại giá trị cho thuộc tính display của phần tử thì đồng nghĩa với việc chúng ta có thể thay đổi cách thức hiển thị của phần tử đó. - Cách thức hiển thị của phần tử được chuyển sang dạng khối. - Cách thức hiển thị của phần tử được chuyển sang dạng nội tuyến.
Xem ví dụ - Tuy nhiên, cách thức hiển thị của phần tử không chỉ dừng lại ở hai dạng khối & nội tuyến, mà thật ra nó còn có rất nhiều dạng khác nữa, dưới đây là danh sách những giá trị (cũng chính là cách thức hiển thị) mà chúng ta có thể gán cho thuộc tính display. Các bạn vui lòng bấm vào hình để tìm hiểu chi tiết khi chúng ta sử dụng giá trị đó thì cách thức hiển thị của phần tử sẽ trông như thế nào nhé !
|