css文件是一種采用CSS規(guī)定的語(yǔ)法規(guī)則編寫(xiě)的文本文件，擴(kuò)展名為“.css”；它是一種與html語(yǔ)言配合使用制作網(wǎng)頁(yè)的文件，它的作用主要是控制html文檔的布局，簡(jiǎn)單的說(shuō)就是控制網(wǎng)頁(yè)的顯示外觀。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css文件是以.css為后綴名的，我們看到以.css為后綴的文件就是css文件。

CSS文件，本身其實(shí)就是一種文本文件，只是采用CSS規(guī)定的語(yǔ)法規(guī)則來(lái)寫(xiě)，這樣瀏覽器就可以識(shí)別。

CSS文件是一種與html語(yǔ)言配合使用制作網(wǎng)頁(yè)的文件，它的作用主要是控制html文章的布局，簡(jiǎn)單的說(shuō)就是控制網(wǎng)頁(yè)的顯示外觀。

css文件除了具有控制頁(yè)面布局的作用外，它還可以很好的將html代碼與css代碼分離，做到內(nèi)容與布局獨(dú)立編寫(xiě)，互不干擾，條理更加清晰。

CSS 文件可以放在不同的 HTML 文件中，使網(wǎng)站所有頁(yè)面樣式統(tǒng)一；再者將 CSS 代碼放入一個(gè) CSS 文件中便于管理、減少代碼以及維護(hù)時(shí)間；當(dāng)修改 CSS 文件時(shí)，所有應(yīng)用此 CSS 文件的 HTML 文件都將更新，而不必從服務(wù)器上將所有的頁(yè)面取回再修改完畢后上傳。

HTML調(diào)用CSS文件的方法

1、鏈接式（link）

鏈接式通過(guò) HTML 的 <link> 標(biāo)簽，將外部樣式表文件鏈接到 HTML 文檔中，這也是網(wǎng)絡(luò)上網(wǎng)站應(yīng)用最多的方式，同時(shí)也是最實(shí)用的方式。這種方法將 HTML 文檔和 CSS 文件完全分離，實(shí)現(xiàn)結(jié)構(gòu)層和表示層的徹底分離，增強(qiáng)網(wǎng)頁(yè)結(jié)構(gòu)的擴(kuò)展性和 CSS 樣式的可維護(hù)性。

語(yǔ)法：

<link rel="stylesheet"  type="text/css"  href="css文件的路徑" >

2、導(dǎo)入式（@import）

導(dǎo)入樣式使用 @import 命令導(dǎo)入外部樣式表。

導(dǎo)入式會(huì)在整個(gè)網(wǎng)頁(yè)裝載完后再裝載CSS文件，因此這就導(dǎo)致了一個(gè)問(wèn)題，如果網(wǎng)頁(yè)比較大則會(huì)兒出現(xiàn)先顯示無(wú)樣式的頁(yè)面，閃爍一下之后，再出現(xiàn)網(wǎng)頁(yè)的樣式。這是導(dǎo)入式固有的一個(gè)缺陷。

導(dǎo)入樣式有 6 種書(shū)寫(xiě)方式：

<style type="text/css" media="screen">    @import CSS文件路徑; @import 'CSS文件路徑'; @import "CSS文件路徑"; @import url(CSS文件路徑); @import url('CSS文件路徑'); @import url("CSS文件路徑"); </style>

（學(xué)習(xí)視頻分享：css視頻教程）