# Thiết lập định dạng mã nguồn

## 1. Mục tiêu

Giúp người dùng tinh chỉnh những chi tiết thẩm mỹ nhỏ nhất mà các menu kéo thả thông thường không thể can thiệp, tạo ra trải nghiệm tương tác mượt mà và độc đáo cho ứng viên.

## 2. Khi nào sử dụng

* Đồng bộ hóa giao diện: Khi bạn cần một mã màu hoặc hiệu ứng đổ bóng cực kỳ chính xác theo bộ nhận diện thương hiệu.
* Tạo hiệu ứng tương tác (States): Khi muốn thành phần thay đổi màu sắc, kích thước hoặc độ sáng khi ứng viên di chuột vào (hover) hoặc nhấn chọn (focus).
* Thiết lập chung: Khi muốn một định dạng phong cách được áp dụng đồng nhất trên tất cả các loại thiết bị (máy tính, máy tính bảng, điện thoại).

## 3. Các bước thực hiện

### Bước 1: Thêm thuộc tính định dạng

* Chọn thành phần cần tùy chỉnh.
* Tại mục Raw Style, chọn nút "Add".

### Bước 2: Cấu hình thuộc tính và giá trị

<figure><img src="/files/st6J1dxC0ou0fWPfEovv" alt=""><figcaption></figcaption></figure>

* Property (Thuộc tính): Nhập tên thuộc tính CSS.
* Value (Giá trị): Nhập thông số tương ứng.
* Thiết lập trạng thái (Quan trọng): Sử dụng cú pháp `tên-trạng-thái:thuộc-tính`.
  * Ví dụ: Để đổi màu chữ thành xanh khi di chuột vào, nhập ở ô Property là `hover:color` và ô Value là `green`.
  * Các trạng thái hỗ trợ: `hover` (di chuột), `focus` (nhấn chọn), `visited` (đã truy cập).

### Bước 3: Kiểm tra hiệu ứng

* Lưu ý: Các định dạng theo trạng thái (như hover) sẽ không hiển thị ngay trong màn hình thiết kế. Bạn cần chọn chế độ Preview (Xem trước) để kiểm tra các chuyển động này.

## 4. Các lưu ý quan trọng

* Áp dụng đa thiết bị: Các thuộc tính trong mục Raw Style sẽ có hiệu lực trên mọi kích thước màn hình. Hãy đảm bảo định dạng của bạn hiển thị tốt trên cả điện thoại.
* Cú pháp chính xác: Hãy đảm bảo viết đúng tên các thuộc tính CSS (ví dụ: `background-color` thay vì `backgroundcolor`).
* Quản lý lớp đè: Raw Style có ưu tiên cao trong việc hiển thị, vì vậy nó có thể ghi đè lên các thiết lập màu sắc/kích thước bạn đã chọn ở các mục cơ bản bên ngoài.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/thiet-lap-nang-cao/thiet-lap-dinh-dang-ma-nguon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.