> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Hướng dẫn nhanh về Styles

> Hướng dẫn toàn diện để tùy chỉnh phông chữ, màu sắc, phông nền, ảnh bìa và các yếu tố trang trí trong Tài liệu của bạn.

Craft giúp bạn dễ dàng tạo Tài liệu có diện mạo ấn tượng mà không cần kiến thức thiết kế. Tính năng Styles cho phép bạn tùy chỉnh phông nền, ảnh bìa, màu chữ và thậm chí màu toàn bộ Tài liệu. Các dải băng Washi làm ngăn cách tạo điểm nhấn trang trí độc đáo cho các trang của bạn.

Để nắm rõ hơn cách hoạt động của việc tạo kiểu, hãy bắt đầu với bài viết của chúng tôi về [Tài liệu, Trang và Khối](/vi/introduction/documents).

## Menu Styles

<Tabs>
  <Tab title="macOS">
    Trong ứng dụng macOS, tìm tab **Styles** trong thanh bên trái:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>

  <Tab title="Web">
    Trong ứng dụng Web, tìm tab **Styles** trong thanh bên trái:

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>
</Tabs>

## Xem trước Styles và Styles Gallery

Menu Styles hiển thị bản xem trước tối giản của phông chữ, ảnh bìa và cài đặt phông nền hiện tại của bạn - một tham chiếu trực quan nhanh về cách các yếu tố phong cách trong Tài liệu của bạn phối hợp với nhau.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Click vào **Style Preview** để truy cập **Styles Gallery** và duyệt bộ sưu tập mẫu Styles được tuyển chọn cho Tài liệu của bạn.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Tùy chỉnh Styles

Ngoài các kiểu có sẵn, bạn có thể tạo màu tùy chỉnh cho phông nền, văn bản và chính Tài liệu.

Chức năng phông nền cung cấp nhiều tùy chọn:

* **Màu đơn** – Chọn từ bảng màu hoặc tạo màu tùy chỉnh
* **Gradient** – Pha trộn hai hoặc nhiều màu
* **Hình ảnh** – Tải ảnh lên từ thiết bị hoặc chọn từ Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

## Tải ảnh tùy chỉnh lên

Bạn có thể tải bất kỳ ảnh nào từ thiết bị lên làm phông nền hoặc ảnh bìa.

**Đối với phông nền:**

<Steps>
  <Step>
    Chọn tùy chọn **image** trong cài đặt phông nền
  </Step>

  <Step>
    Chọn **Upload** và chọn ảnh của bạn
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

**Đối với ảnh bìa:**

<Steps>
  <Step>
    Click vào khu vực ảnh bìa
  </Step>

  <Step>
    Chọn **Insert File** và chọn ảnh của bạn
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-cover.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=10c428878bdb58edca741dd229e34965" alt="Upload cover image option" width="352" height="360" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-cover.png" />

## Tích hợp Unsplash

Không có nhiều thời gian để tìm ảnh bìa hay phông nền ưng ý? Tích hợp Unsplash của Craft giúp bạn tìm ảnh chuyên nghiệp chỉ với vài cú nhấp.

Khi đặt phông nền hoặc ảnh bìa, chọn nút **Unsplash** để truy cập cơ sở dữ liệu Unsplash. Tìm kiếm theo từ khóa để tìm ảnh phù hợp với chủ đề của bạn.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif?s=82de269fe5f0f12217c14201f88994a3" alt="Searching Unsplash for images" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif" />

## Ngăn cách và băng Washi

Các ngăn cách giúp cấu trúc nội dung trong một Tài liệu. Craft nâng việc này lên cấp độ mới với băng Washi - các dải trang trí độc đáo dùng làm ngăn cách thị giác.

Chọn từ:

* **Dòng tiêu chuẩn** – Kiểu ngăn cách cổ điển
* **Băng Washi** – Ngăn cách họa tiết trang trí
* **Doodles** – Kiểu vẽ tay

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Mẹo nhanh">
  Gõ ba dấu gạch (`---`) để nhanh chóng thêm một ngăn cách theo phong cách bạn đã thiết lập cho Tài liệu.
</Info>

### Tùy chỉnh băng Washi

Tương tự như các tùy chọn phông nền và ảnh bìa, bạn có thể tùy chỉnh băng Washi với màu đơn hoặc họa tiết.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Truy cập **Washi Tapes Gallery** để tìm các họa tiết preset đẹp mắt:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Bạn có thể tinh chỉnh màu băng Washi theo ý thích. Tạo sắc bạn muốn bằng tay hoặc nhập mã RGB vào công cụ chọn màu.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Màu văn bản và màu Tài liệu

Tài liệu trong Craft mặc định sử dụng màu hệ thống - màu đen ở Chế độ Sáng hoặc màu trắng ở Chế độ Tối. Điều này được biểu thị bằng biểu tượng đen trắng trong bộ chọn màu.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Tuy nhiên, bạn có toàn quyền kiểm soát màu văn bản và màu Tài liệu. Chọn sắc bạn muốn bằng tay hoặc nhập mã RGB vào bộ chọn màu để có chính xác màu đó.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Đặt lại màu">
  Dùng nút đặt lại để ngay lập tức trả Tài liệu về màu hệ thống mặc định.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Phông chữ

Thay đổi kiểu phông chữ cho toàn bộ Tài liệu chỉ với một cú click. Chọn từ:

* **System** – Sử dụng phông chữ mặc định của thiết bị bạn
* **Serif** – Phông chữ serif truyền thống, dễ đọc
* **Mono** – Phông chữ có khoảng cách đều phù hợp cho code hoặc nội dung kỹ thuật
* **Rounded** – Phông chữ bo tròn, thân thiện và hiện đại

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Phông chữ tùy chỉnh">
  Hiện tại không thể tải phông chữ tùy chỉnh vào Craft.
</Warning>

## Xuất Tài liệu có Styles ra PDF

Tính năng Styles được thiết kế để giúp bạn thể hiện cá tính và tạo môi trường trực quan khi chỉnh sửa. Nếu bạn cần tắt phần tạo kiểu khi xuất nội dung ra PDF, bạn có thể dễ dàng làm điều đó trong tùy chọn xuất.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Bài viết liên quan

<CardGroup cols={2}>
  <Card title="Ảnh bìa" href="/vi/write-and-edit/styling/cover-images">
    Tùy chỉnh ảnh bìa cho Tài liệu của bạn
  </Card>

  <Card title="Cards" href="/vi/write-and-edit/styling/cards">
    Biến trang thành bố cục thẻ trực quan
  </Card>

  <Card title="App Styles" href="/vi/write-and-edit/styling/app-styles">
    Mở rộng Styles của Tài liệu ra giao diện ứng dụng
  </Card>

  <Card title="Default Styles" href="/vi/write-and-edit/styling/default-styles">
    Đặt kiểu ưa thích làm mặc định
  </Card>
</CardGroup>