網頁版型控制不能不知道的事!區塊與行內元素、盒模型與容器 繼上一篇 網頁樣式跟想像中不一樣,你 CSS Reset 了嗎? 說明了 CSS Reset 造成網頁排版不如預期的因素,其實還有許多因素都會影響網頁上的排版,今天就來了解這些因素,來掌握版型控制技巧! 2021-07-10 CSS 網頁排版 區塊元素 行內元素 盒模型 box-modelㄋ padding margin 行距 容器 滿版式設計
網頁樣式跟想像中不一樣,你 CSS Reset 了嗎? 當透過 CSS 切完網頁版面後,發現網頁跟自己想像或是設計稿上顯示的有落差,是發生了什麼事情? CSS Reset 出現與存在意義 之所以會有 CSS Reset 出現,是因為早期瀏覽器在渲染 HTML 的 CSS 樣式標準不一,導致同一段語法在不同家瀏覽器所渲染出的結果不一樣,為了統一各家瀏覽器的預設渲染樣式,因此出了 CSS Reset 讓預設網頁樣式在各家瀏覽器是一樣的狀態。 2021-07-08 CSS CSS CSS Reset
想要提升寫 code 效率,一定要認識的寫網頁好幫手 - Emmet Emmet 是個支援多個編輯器的擴充程式,幫助我們在寫程式時,只要記相對應的縮寫,就能完整將關鍵字打出來。 優點 提升開發速度 減少打錯字造成後續 debug 的時間 2021-07-06 工具推薦 HTML CSS emmet VS code
Joomla! 表單元件 JSN UniForm 利用 HTML 語法加上圖片 Joomla! 的表單元件 JSN UniForm 預設提供的表單功能,在 radioButton 內沒有提供圖片選項(不過是免費版的部分,且是 2020 年時改的,不知道之後有沒有改?) 不過後來發現,只要透過簡單的 HTML 語法就能夠達成這個效果了! 2021-07-04 Joomla Joomla JSN UniForm
Xampp 錯誤訊息:MySQL shutdown unexpectedly. 解決方法 有些人可能有個壞習慣,就是 Xampp 沒有正常關閉就直接進行關機;當然不只 Xampp,相信非常多視窗也都是跟著 Xampp 一起被強制關機。 強制關機的結果:資料庫意外關閉 實習日常的第一個動作,就是開啟電腦、打開 Xampp 的 Apache 與 MySQL。但就在某一天,發現打不開 MySQL,並出現以下錯誤訊息: 1234567891009:42:22 AM [mysql] Attem 2021-06-27 Xampp MySQL Xampp MySQL
Joomla! 嘗試客製化修改元件控制台界面 過去在實驗室時接到一個網站業主的請求。 網站是用 Joomla! 架設、利用 j2Store 搭建起購物車;其中,j2Store 後台界面訂單資訊裡,有個「顧客註記」與「運送追蹤 ID」兩個 input 欄位,如圖所示;業主認為這兩個欄位放在原本這個位置,較不顯眼,希望放置在訂單紀錄下面空白區域。 2021-06-20 PHP Joomla PHP Joomla MVC
Bootstrap 5 新手教學實戰營 - Week 2 這篇是 Bootstrap 5 新手教學實戰營的第二次上課筆記,學習重點主要是格線系統的應用以及在各個不同大小的裝置上,格線系統的呈現方式,以及相關觀念。 在介紹格線系統之前,先讓我們認識一下「魔術數字」。 什麼是魔術數字(magic number)? 設計師開了一個 div 的規格,數字為:左200px、右800px 程式設計師在程式碼設計了一個數字,但只有程式設計師知道其意義 2021-05-20 Bootstrap Bootstrap CSS Bootstrap5 格線 通用類別