CSS:免去方向指令,將CSS縮短
2014/01/23
萌芽站長
403 1
網站技術 , 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
【萌芽網站技術教學】第一章:準備當個網站站長
📆 2014-07-27
📁
網站技術
Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!)
📆 2019-03-25
📁
網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
【論壇經營】Discuz! X3.1變更界面風格預設字體
📆 2014-08-14
📁
網站技術, 架站程式, Discuz!
CSS:變色圓框
📆 2013-01-01
📁
網站技術, CSS
CSS Scrollbars 自定義捲軸樣式(僅支援 Firefox)
📆 2021-12-16
📁
網站技術, CSS
Node.js:Webpack 封裝 CSS、SCSS 成單一 JS 教學(使用 VS Code)
📆 2019-08-19
📁
軟體應用, 網站技術, CSS, Sass/SCSS, JavaScript, Node.js, Webpack
GitHub Desktop:複製專案、修改提交版本後上傳至自己的雲端倉庫
📆 2019-09-22
📁
軟體應用, 網路應用, 網站技術
Java Server Pages (JSP)(Visual Studio Code 擴充功能):讓 VSCode 支援 JSP
📆 2019-03-26
📁
軟體應用, 網站技術, JSP
留言區 / Comments
萌芽論壇