1. Hàm calc

Function calc dùng để tính chiều rộng (width) của các thẻ dạng block như DIV, SECTION….

Cách dùng: width: calc(100% - 500px);

 Có thể sử dụng các phép toán cộng trừ nhân chia (+ – * /)

2. Hàm attr

Function attr trả về giá trị của một thuộc tính của thẻ đang sử dụng.

Cách dùng: attr(tên thuộc tính)

3. Hàm counter

Function counter dùng để tăng giá trị biến đếm lên 1 đơn vị hoặc đánh dấu theo dạng danh sách, thường dùng để đánh số thứ tự.

Cách dùng: counter(tên, kiểu)

4. Hàm var

Function var dùng để gọi biến được định nghĩa trong thuộc tính :root, dùng cho việc định nghĩa màu, chia cột, padding….Giúp cho việc chỉ thay đổi duy nhất một chỗ, không phải tìm nhiều nơi trong css.

Cách dùng: var( biến );

5. Hàm translate

Function translate được dùng cho thuộc tính transform, translate bao gồm translateX (theo trục ngang), translateY theo trục dọc. Translate được dùng khi cần dịch chuyển một thẻ html nào đó khỏi vị trí ban đầu.

Cách dùng: transform:translateX(30px);

Quy tắc đặt tên

Thực tế cho thấy rằng, hầu hết các cơ sở mã CSS đôi khi được phát triển mà không có bất kỳ cấu trúc hay quy ước nào cho việc đặt tên cả. Điều này dẫn đến việc cơ sở mã CSS không thể nào khắc phục được trong thời gian dài.

BEM đảm bảo rằng tất cả nhưng người tham gia vào sự phát triển của trang web đều hoạt động với một cơ sở mã duy nhất và dùng cùng một ngôn ngữ. Sử dụng cách đặt tên phù hợp sẽ giúp bạn có được một chuẩn bị tốt hơn cho những thay đổi trong việc thiết kế của trang web sau này.