前一直使用windows系統(tǒng)的電腦，創(chuàng)建文件很簡單，改格式也非常的簡單。但換了蘋果電腦，如何創(chuàng)建一個(gè)HTML文件？卻把我給整蒙了。

首先，為什么mac上不能直接新建文本文件？

因?yàn)閙ac一都是以應(yīng)用的方式來管理文件。

我們?cè)赪indows上的習(xí)慣是:找到一個(gè)目錄-->新建文件-->打開對(duì)應(yīng)的應(yīng)用-->記錄-->保存。

mac的系統(tǒng)傾向是:打開應(yīng)用程序-->記錄-->找目錄-->保存。

一對(duì)比，我們發(fā)現(xiàn)mac并不是不能建文本文件，只是建的過程有些麻煩。

下面我們來看一下詳細(xì)的操作步驟:

一，在訪達(dá)里找到文本編輯器并打開。就看到下圖的樣子。

二，找到左下角新建文稿，點(diǎn)擊，會(huì)出現(xiàn)一個(gè)編輯文稿的窗口。

這時(shí)你就可以把你要寫的東西寫在這個(gè)文稿里邊，比如我就寫了一個(gè)簡單的html代碼。

三，找到電腦窗口左上角，文件-->移到...

這里就是把文件移入到你方便找的文件夾里，如下圖，會(huì)出現(xiàn)一個(gè)位置下拉框

在這里我把這個(gè)文件存在了桌面上。

四，在訪達(dá)里找到你的文件，右鍵點(diǎn)擊，在菜單欄里找到重新命名。

這時(shí)候你就可以把文件改成html格式。

到這里改成HTML就完成了，然后選擇打開方式，在瀏覽器中打開，這時(shí)候你可能出現(xiàn)了，另外一個(gè)問題。

為什么我的HTML文件在mac瀏覽器打開全是源碼？

如下圖所示:

解決方案如下:

一，打開文本編輯。找到窗口左上角:文本編輯-->偏好設(shè)置

二，設(shè)置兩樣?xùn)|西，注意我紅色圈圈區(qū)域。

新建文稿設(shè)置:把格式改為純文本。

打開和存儲(chǔ)設(shè)置:改成我圈住的勾選樣子

再用瀏覽器打開html文件，就會(huì)出現(xiàn)下面的網(wǎng)頁了。

如果有需要的，建議收藏呦！

、CSS字體樣式

定義字體系列，大小，粗細(xì)和文字樣式

（一）字體系列（font-family）

（二）字體大小（font-size）

（三）字體粗細(xì)（font-weight）

（四）字體樣式（font-style）

（五）字體復(fù)合屬性（font）

 p {
    font: font-style font-weight font-size/line-height font-family;
  }

不能更換順序，必須保留font-size和font-family

二、CSS文本屬性

定義文本外觀，如：文本顏色，對(duì)齊文本，裝飾文本，文本縮進(jìn)，行間距等

（一）文本顏色（color）

（二）對(duì)齊文本（text-align）

(三）裝飾文本（text-decoration）

（四）文本縮進(jìn)（text-indent）

（五）行間距（line-height）

三、格式化代碼

1. Emmet語法
   前身為Zen coding,它使用縮寫來提高h(yuǎn)tml/css的編寫速度，VSCode內(nèi)部已經(jīng)集成該語法，快速生成HTML結(jié)構(gòu)語法和CSS樣式語法

2. 快速生成HTML結(jié)構(gòu)語法

• 生成標(biāo)簽，直接輸入標(biāo)簽按Tab鍵即可
• 生成多個(gè)相同的標(biāo)簽，標(biāo)簽加星號(hào)*鍵按Tab鍵
• 父子級(jí)關(guān)系的標(biāo)簽，可以用大于號(hào)>和enter鍵
• 兄弟關(guān)系的標(biāo)簽，可以用加號(hào)+和enter鍵
• 生成帶有類名或id名字，可寫成標(biāo)簽加.類名/#名加Tab鍵（p.one生成
• ）
• 生成.div類名是有順序的，可用自增符號(hào)￥
• 生成標(biāo)簽的內(nèi)部寫內(nèi)容，可用{}表示

3.快速生成CSS樣式語法

• CSS基本采取簡寫形式即可（w 200 加Tab生成width: 200px;）
• 單詞首字母加Tab鍵

4.快速格式化代碼

• Shift+Alt+F/右鍵-格式化代碼
• 保存頁面時(shí)自動(dòng)格式化代碼（在設(shè)置中的文本編輯器中找到格式，勾選Format On Save即可，也可把Format On Type勾選上）

5.去掉li前面的項(xiàng)目符號(hào)