首頁  >  文章  >  web前端  >  css檔是什麼文件

css檔是什麼文件

青灯夜游
青灯夜游原創
2021-10-11 17:36:3413800瀏覽

css文件是一種採用CSS規定的語法規則編寫的文本文件,擴展名為“.css”;它是一種與html語言配合使用製作網頁的文件,它的作用主要是控制html文檔的佈局,簡單的說就是控制網頁的顯示外觀。

css檔是什麼文件

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css檔案是以.css為後綴名的,我們看到以.css為後綴的檔案就是css檔案。

CSS文件,本身其實就是一種文字文件,只是採用CSS規定的語法規則來寫,這樣瀏覽器就可以辨識。

CSS檔案是一種與html語言配合使用製作網頁的檔案,它的作用主要是控制html文章的佈局,簡單的說就是控制網頁的顯示外觀。

css檔案除了具有控制頁面佈局的作用外,它還可以很好的將html程式碼與css程式碼分離,做到內容與佈局獨立撰寫,互不干擾,條理更加清晰。

CSS 檔案可以放在不同的HTML 檔案中,使網站所有頁面樣式統一;再者將CSS 程式碼放入一個CSS 檔案中便於管理、減少程式碼以及維護時間;當修改CSS 檔案時,所有套用此CSS 檔案的HTML 檔案都會更新,而不必從伺服器上將所有的頁面取回再修改完畢後上傳。

HTML呼叫CSS檔案的方法

1、連結式(link)

連結式透過HTML 的2cdf5bf648cf2f33323966d7f58a7f3f 標籤,將外部樣式表檔案連結到HTML 文件中,這也是網路上網站應用最多的方式,同時也是最實用的方式。這種方法將 HTML 文件和 CSS 文件完全分離,實現結構層和表示層的徹底分離,增強網頁結構的擴展性和 CSS 樣式的可維護性。

語法:

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

2、導入式(@import)

#匯入樣式使用 @import 指令匯入外部樣式表。

導入式會在整個網頁裝載完後再裝載CSS文件,因此這就導致了一個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下之後,再出現網頁的樣式。這是導入式固有的缺陷。

匯入樣式有 6 種書寫方式:

<style type="text/css" media="screen">   
@import CSS文件路径;
@import &#39;CSS文件路径&#39;;
@import "CSS文件路径";
@import url(CSS文件路径);
@import url(&#39;CSS文件路径&#39;);
@import url("CSS文件路径");
</style>

(學習影片分享:css影片教學

以上是css檔是什麼文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn