css的四種引進方式分別是什麼

王林
發布: 2020-05-15 09:12:31
轉載
7262 人瀏覽過

css的四種引進方式分別是什麼

CSS的四種引入方式分別是:行內樣式、內嵌樣式、連結樣式、匯入樣式。

1、行內樣式

最直接、最簡單的一種,直接對HTML標籤使用,例如:

登入後複製

缺點:HTML頁面不純淨,文件體積大,不利於蜘蛛爬行,後期維護不方便。

(影片教學推薦:css影片教學

2、內嵌樣式

內嵌樣式就是將CSS程式碼寫在 ;< head>

>

之間,並且用 聲明,例如:

登入後複製

優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,後期維護難度也大,如果文件很少,CSS程式碼也不多,這種樣式還是很不錯的。

3、連結樣式

連結樣式是使用頻率最高,最實用的樣式,只需要在

之間加上 ;就可以了,如下:< p>
登入後複製

優缺點:實現了頁面框架程式碼與表現CSS程式碼的完全分離,使得前期製作和後期維護都十分方便

4、導入樣式(不建議使用)

匯入樣式和連結樣式比較相似,採用@import樣式匯入CSS樣式表,在HTML初始化時,會被匯入到HTML或CSS檔案中,成為檔案的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

登入後複製

@import在CSS中使用,如下:

@import url(style.css);
登入後複製

推薦教學:css快速入門

以上是css的四種引進方式分別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:jb51.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!