首頁 > web前端 > 前端問答 > 什麼是css文件

什麼是css文件

青灯夜游
發布: 2023-01-07 11:42:00
原創
11327 人瀏覽過

css檔案指的是包含了css程式碼的,擴展名為「.css」的文字檔。 CSS文件是一種與html語言配合使用製作網頁的文件,它的功能主要是控制html文章的佈局,簡單的說就是控制網頁的顯示外觀。

什麼是css文件

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

CSS文件顧名思義,是用於裝CSS程式碼的文字文件,而CSS程式碼具有一定規律規則的文字程式碼組成。

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

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

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

HTML怎麼呼叫CSS檔案?

1、連結式(link)

連結式會以網頁文件主體裝載前裝載CSS文件,因此顯示出來的網頁從一開始就是帶樣式的效果的,它不會像導入式那樣先顯示無樣式的網頁,然後再顯示有樣式的網頁,這是連結式的優點。

語法:

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >
登入後複製

2、導入式(@import)

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

語法:

<style type="text/css" media="screen">   
@import url("CSS文件路径");
</style>
登入後複製

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板