
HTML: Margin, Padding – When & Why
01/
Trong project, phần UI (HTML, CSS) sẽ có rất nhiều block dùng chung (common).
Đừng dùng margin cho block đó. Vì block đó ở các trang khác nhau, hoặc khi là một element của một block khác, thì có thể nhận margin khác nhau.
Margin: Tuy là thuộc tính hướng ngoại. Nhưng khi tạo common, các block độc lập, thì lại ko cần đối ngoại.
02/
Theo chiều dọc, các section sẽ cách nhau một khoảng nhất định.
Nên xét margin theo một chiều, đừng section này thì margin-top, section kia thì margin-bottom.
Khi designer sửa UI, thì dev sẽ gặp quả báo.
03/
Đừng xét padding cho element mà nó có thể rỗng ruột.
Vì khi không có dữ liệu, nó vẫn sẽ nằm ì ở đó, làm nên một khoảng trống vô hình.
Created by
Alex Kalh
Sự tiến bộ của công nghệ là vô hạn. Đổi thay diễn ra hàng ngày, hàng giờ. "Đó là niềm hạnh phúc, cũng là bi ai của một lập trình viên!"
CSS với quy tắc đặt tên BEM: Mở rộng với các từ chỉ trạng thái
Khi khai báo các class theo BEM, có thể sử dụng một số tiền tố như sau: is- Cần mô tả trạng thái của element: is-active, is-pending, etc.. has- Cần
March 5, 2023
CSS với quy tắc đặt tên BEM: Kết hợp với SASS
Sass Mixins Có một vấn đề với BEM, đó là khi viết CSS sẽ khá dài dòng, nhưng khi kết hợp với các Sass Mixins này, mọi chuyện lại rất
March 4, 2023
CSS với quy tắc đặt tên BEM: Sơ lược
Lời giới thiệu. Ngày nay, HTML, CSS và JS đã là ba thứ quá quen thuộc với những người hoạt động trong lĩnh vực lập trình web. Nếu như JS
March 3, 2023