CSS:免去方向指令，將CSS縮短

2014/01/23 113 0 網站技術 , CSS

免去方向指令，將CSS縮短，例如：
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 2px;
 可簡化成：
padding: 5px 2px 5px 2px;
 詳細說明如下：
padding: (上=top)px (右=right)px (下=bottom)px (左=left)px;
這樣未來修改css時，可以不用看到眼花撩亂的原碼，記住"上"、"右"、"下"、"左"的順序唷~!

贊助廣告 ‧ Sponsor advertisements
XAMPP：phpMyAdmin 連接內部或外部 MySQL 伺服器完整教學
📆 2019-06-02
📁 網站技術, 伺服器, 資料庫, PHP, SQL
HTML Image Map 影像地圖 jQuery 推薦插件：maphilight (加強特效)、rwdImageMaps (支援RWD)
📆 2018-11-01
📁 網站技術, HTML, JavaScript, jQuery
CSS動畫:連閃動畫
📆 2013-01-01
📁 網站技術, CSS
Live Sass Compiler（Visual Studio Code 擴充功能）：讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁 軟體應用, 網站技術, CSS, Sass/SCSS
WordPress 安裝教學與前後台簡介（以 XAMPP 作為平台）
📆 2019-12-22
📁 軟體應用, 網站技術, 架站程式, 架站資源, WordPress
jQuery CDN 掛點解決方案？簡單的 JavaScript 讓您有本地替代方案！
📆 2019-08-17
📁 網站技術, HTML, JavaScript, jQuery
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁 網站技術, 架站程式
HTTP/3 Check：快速線上檢測指定網站是否支援最新的 HTTP/3 協議
📆 2024-04-28
📁 網路應用, 網站技術, 伺服器

留言區 / Comments

萌芽論壇

萌芽站長

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