App下載

CSS文件是什么?怎么創(chuàng)建它?

猿友 2021-05-19 17:10:31 瀏覽數(shù) (11267)
反饋

“CSS”這個(gè)名字應(yīng)該都有聽(tīng)說(shuō)過(guò),那么你知道 CSS 文件是什么嗎?我們又該怎么創(chuàng)建 CSS 文件呢?這篇文章來(lái)告訴你。

CSS 文件是什么?

CSS 文件簡(jiǎn)單來(lái)說(shuō)就是?.css?格式的文本文件。它用于將 HTML 和 CSS 代碼分開(kāi),集中整合 CSS 代碼。將 CSS 代碼集中整合在一起可以減少代碼的重復(fù)量,使代碼更加簡(jiǎn)潔。如下圖就是一個(gè) CSS 文件。

CSS文件

怎么創(chuàng)建 CSS 文件?

CSS 文件的創(chuàng)建和 HTML 文件的創(chuàng)建十分相似,我們可以先回顧一下 HTML 文件的創(chuàng)建。

記事本創(chuàng)建 CSS 文件

我們可以直接使用電腦自帶的記事本創(chuàng)建一個(gè) CSS 文件。編寫(xiě)我們想要的樣式,進(jìn)行保存。保存細(xì)節(jié)如下:

記事本創(chuàng)建CSS文件

編輯器創(chuàng)建 CSS 文件

如果電腦中已有下載編輯器,可以直接使用編輯器創(chuàng)建 CSS 文件。以 Sublime Text 編輯器為例,為大家介紹如何創(chuàng)建 CSS 文件。

Sublime Text創(chuàng)建css文件

在“文件”中選擇“新建文件”,隨后在編輯器右下角語(yǔ)言選擇處選擇 CSS 語(yǔ)言,完成這步后就能在編輯頁(yè)面編寫(xiě)代碼。隨即保存文件即可。

創(chuàng)建 CSS 文件后我們并不能直觀的看出實(shí)現(xiàn)效果,必須將它應(yīng)用到 HTML 文件上。往期文章《HTML中如何引入CSS?有幾種方法?》有過(guò)詳細(xì)介紹,這里便不再敘述,請(qǐng)同學(xué)們自行回顧。

以上就是文章“CSS 文件是什么?怎么創(chuàng)建它?”的全部?jī)?nèi)容。想要了解更多 CSS 學(xué)習(xí)內(nèi)容請(qǐng)前往 w3cschool

CSS

0 人點(diǎn)贊