Mac TextEdit编写CSS时如何避免HTML乱码问题

答案：在TextEdit中编写CSS需设为纯文本模式、保存为UTF-8编码并正确命名文件。具体步骤：1. 格式→转换为纯文本或快捷键Shift+Command+T，偏好设置中默认新建纯文本文档；2. 保存时选择Unicode(UTF-8)编码；3. 手动输入.css扩展名并取消隐藏扩展名选项；4. 推荐使用VS Code等专业编辑器以提升效率。

在 Mac 的 TextEdit 中编写 CSS 时，如果文件被自动保存为富文本格式（.rtf）或编码设置不当，可能会导致 HTML 或 CSS 文件出现乱码问题。虽然 TextEdit 主要是文字处理工具，但通过正确设置，也可以用于简单的代码编辑。

1. 切换到纯文本模式

TextEdit 默认以富文本（Rich Text）模式运行，会添加格式化标签，导致代码文件混乱。

• 打开 TextEdit 后，进入菜单栏选择 格式 → 将文档转换为纯文本（或使用快捷键 Shift+Command+T）。
• 建议在偏好设置中默认使用纯文本：进入 TextEdit → 偏好设置 → 新建文档，选择“纯文本”而非“富文本”。

2. 正确设置文件编码为 UTF-8

确保保存的文件使用标准网页编码（UTF-8），避免中文或其他字符出现乱码。

• 保存文件时，点击“显示所有选项”，在“文本编码”下拉菜单中选择 Unicode (UTF-8)。
• 不要选择“Western (Mac OS Roman)”等非 UTF-8 编码，否则在浏览器中引用该 CSS 时可能出现样式失效或乱码。

3. 使用正确的文件扩展名

保存时手动输入文件名并带上 .css 扩展名，例如 style.css。

• 如果不显示扩展名，系统可能误识别文件类型。
• 在保存对话框中，取消勾选“如果无扩展名则隐藏扩展名”选项，确保扩展名正确写入。

4. 推荐使用专业代码编辑器

尽管 TextEdit 可以勉强使用，但它缺乏语法高亮、自动缩进和编码提示等必要功能。

• 推荐改用免费且功能强大的编辑器，如 Visual Studio Code、Sublime Text 或 Atom。
• 这些工具默认支持 UTF-8 编码，能更好处理 CSS/HTML 文件，减少出错概率。

基本上就这些。只要把 TextEdit 设为纯文本模式、保存为 UTF-8 编码，并正确命名文件，就能避免大部分乱码问题。不过对于长期写前端代码，换专业工具更省心。