Phần tử Section element trong bricks theme cũng giống như phần tử container và cũng là một thẻ div được thiết lập các thông số thuộc tính sẵn để người dùng có thể sử dụng nhanh mà không cần chỉnh lại khi thiết kế website.
Section element trong bricks theme
Section element trong bricks theme
Là một trong những thành phần chủ chốt như container, block, section giúp người dùng xây dựng và tổ chức bố cục trang web một cách hiệu quả. Section thường được sử dụng để tạo layout, bên trong section có thể chứa các Container, các block hoặc div khác, các nội dung có liên quan tới nhau sẽ được nằm trong một section để dễ quản lý và thể hiện được bố cục website.
Section có thể chứa các Container, các block hoặc div khác
Bạn có thể tùy ý thiết kế chia bố cục trong một section sao cho đáp ứng được ý thích của bạn. Theo thiết lập mặc định, Section có chiều rộng bằng 100%, nếu Section nằm trong một thẻ nào khác như Block, Container thì chiều rộng của nó sẽ bằng 100% với thẻ chứa nó, trường hợp Section nằm không trong thẻ nào thì chiều rộng của nó bằng 100% vw (toàn màn hình).
Ví dụ, Bạn tạo một Container trước và kéo một Section vào trong container đó thì chiều rộng của section đó sẽ bằng 1100px (1100px là chiều rộng mặc định của Container trong trường hợp bạn không thay đổi thông số mặc định này).
Khi thêm một Section vào canvas, một phần tử Container sẽ tự động được thêm vào bên trong Section. Bạn có thể xóa Container này nếu không cần thiết.
Thuộc tính mặc định và thay đổi thuộc tính mặc định
Thuộc tính mặc định của section sử dụng thẻ HTML tag là section, Display là Flex, các thông số Margin, Padding để mặc định là 0px
Bạn có thể thay đổi thuộc tính này giống như cách thao tác thay đổi thông số mặc định của một Container, bạn có thể đọc tại bài viết Phần Tử Container – Container trong Bricks Theme hoặc bài viết Cách thay đổi thông số mặc định của các Element để tìm hiểu chi tiết hơn cách thay đổi thông số thuộc tính.
Lưu ý, nên tạo section ở cấp độ gốc, không nên đưa section vào trong phần tử nào vì như vậy sẽ không đúng với mục đích của section
