CSS 四種引入樣式表優缺點分析

2022-03-09 18:47:49 字數 370 閱讀 6861

css 四種引入樣式表

css 有四種方式引入樣式表,如下:

外部樣式表優缺點

優點缺點

如果樣式很多,css 檔案會變的很大查詢起來不方便。此外,多乙個 css 檔案就多一次 http 請求,在訪問量大的**中會加重伺服器壓力

內部樣式表優缺點

優點與外部樣式表相比,內部樣式表的主要優點是減少了乙個檔案也就減少了一次 http 請求

缺點由於內部樣式表是寫在 html 檔案中的,導致頁面不純淨、檔案體積大、不利於網路爬蟲獲取資訊、不利於維護、頁面之間無法共享樣式

行內樣式表優缺點

優點缺點

@import 指令匯入樣式表優缺點

優點同外部樣式表

缺點

引入樣式表 css 的四種方式

一 使用style屬性 將style屬性直接加在個別的元件標籤裡。元件 標籤 style 性質 屬性 1 設定值1 性質 屬性 2 設定值2 例如 這種用法的優點 是可靈巧應用樣式於各標籤中,但是缺點則是沒有整篇檔案的 統一性 二 使用style標籤 將樣式規則寫在標籤之中。例如 通常是將整個的結構...

CSS建立(樣式表引入)

一 如何插入樣式表 1.外部樣式表 2.內部樣式表 3.內聯樣式 二 外部樣式表詳解 每個頁面使用標籤鏈結到樣式表,標籤在 文件的 頭部。瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。外部樣式表mystyle.css注意事項 1 檔案不能包含任何html標籤。2 樣式表應該以.c...

css筆記之引入css樣式表

css cascading style sheets css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整...