CSS:網頁檔簡化，將CSS取出成獨立檔案!

2013/01/01 4,646 1 網站技術 , CSS

這次介紹如何將網頁檔簡化，其實這種方法也可用在js，但我們用css來介紹。
簡化的方法就是將css取出成獨立檔，也方便同步更新多個網頁檔的css。

▲CSS語法超佔空間的，把它獨立起來吧!

▲新增文字檔(記得把附檔名叫出來)，將檔案名稱改成『名字.css』，將css原碼放入。

▲將網頁檔原有css全部刪掉後放上圖中原碼，紅底為css檔名處!
這樣我們就完成囉!

贊助廣告 ‧ Sponsor advertisements
Node.js：Yarn 專案初始化、gulp.js 任務管理工具安裝與使用
📆 2019-03-24
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
YOURLS:建立自己的短網址系統
📆 2016-02-27
📁 網站技術, 架站程式
jQuery Zoom：圖片放大插件、在指定大小內原始比例呈現圖片大小
📆 2019-01-26
📁 網站技術, HTML, CSS, JavaScript, jQuery
HTML「合併儲存格」讓表格內的儲存格(<th>,<td>)合併
📆 2018-09-26
📁 網站技術, HTML
Two-Factor（WordPress 外掛）：讓網站支援兩步驟驗證登入
📆 2021-06-09
📁 網站技術, 資訊安全, 架站程式, WordPress
OBS：新增日期與時間至錄影或串流中
📆 2019-08-21
📁 軟體應用, 多媒體, 網路應用, 網站技術, CSS, JavaScript, 串流錄製
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁 網站技術, 架站程式
CSS:模糊效果的美化邊框
📆 2013-01-01
📁 網站技術, CSS

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！