https://mnya.tw/about/log/2018.html
【公告】萌芽導航列手機版展開區介面更新
發布編號:452 - 發布日期:2018/07/01
因為原版的萌芽導航列手機版展開區介面不夠好看,當初也是為了配合行動裝置的興起快速設計的介面,所以趁著2018年暑假開始時重新設計,共耗時4小時,運用「CSS3:target選擇器」製作 Tab 頁籤,將它應用在全新的萌芽導航列手機版展開區,總共分三頁:「📑 文章 (最新文章,新鮮事)」、「🗺 導覽 (網站導覽)」、「🌐 社群 (社群連結)」,關閉按鈕設計成紅色的,放置在右上角。
#公告 #萌芽導航列手機版展開區介面更新 #萌芽導航列 #手機版 #介面更新 #介面 #更新 #CSS #CSS3 #target選擇器 #Tab頁籤 #Tab #頁籤
【公告】萌芽導航列手機版展開區介面更新
發布編號:452 - 發布日期:2018/07/01
因為原版的萌芽導航列手機版展開區介面不夠好看,當初也是為了配合行動裝置的興起快速設計的介面,所以趁著2018年暑假開始時重新設計,共耗時4小時,運用「CSS3:target選擇器」製作 Tab 頁籤,將它應用在全新的萌芽導航列手機版展開區,總共分三頁:「📑 文章 (最新文章,新鮮事)」、「🗺 導覽 (網站導覽)」、「🌐 社群 (社群連結)」,關閉按鈕設計成紅色的,放置在右上角。
#公告 #萌芽導航列手機版展開區介面更新 #萌芽導航列 #手機版 #介面更新 #介面 #更新 #CSS #CSS3 #target選擇器 #Tab頁籤 #Tab #頁籤
🆕 https://mnya.tw/cc/word/1221.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🗂CSS】
過去站長寫網頁版面時常常會遇到一個問題,那就是 CSS3 屬性 padding (內距) 和 border (邊框) 的大小會影響這個元素的大小,也就是其...
#CSS3 #CSS #屬性 #box_sizing #border_box #內距 #邊框 #寬度 #高度 #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🗂CSS】
過去站長寫網頁版面時常常會遇到一個問題,那就是 CSS3 屬性 padding (內距) 和 border (邊框) 的大小會影響這個元素的大小,也就是其...
#CSS3 #CSS #屬性 #box_sizing #border_box #內距 #邊框 #寬度 #高度 #網站技術
萌芽綜合天地
CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度 – 萌芽綜合天地
過去站長寫網頁版面時常常會遇到一個問題,那就是 CSS3 屬性 padding (內距) 和 border (邊框) 的大小會影響這個元素的大小,也就是其 width (寬度) 和 height (高度),造成同樣的寬高下,因為不同的內距與邊框造成兩個或多個元素大小完全不同,影響美觀,所以那時都是手動計算寬度應該要多少才能符合同樣大小的原則,相當麻煩!
🆕 https://mnya.tw/cc/word/1225.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , 🗂CSS】
我在五年前就已經接觸這個 CSS 屬性,所以在這幾年間都有不斷使用這個屬性,更多的圓角可以讓網頁看起來不那麼尖銳...
#CSS3 #CSS #border_radius #基礎圓角製作教學 #基礎圓角 #圓角 #網站技術 #網頁 #網頁編寫 #網頁設計
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , 🗂CSS】
我在五年前就已經接觸這個 CSS 屬性,所以在這幾年間都有不斷使用這個屬性,更多的圓角可以讓網頁看起來不那麼尖銳...
#CSS3 #CSS #border_radius #基礎圓角製作教學 #基礎圓角 #圓角 #網站技術 #網頁 #網頁編寫 #網頁設計
萌芽綜合天地
CSS3「border-radius」基礎圓角製作教學 - 萌芽綜合天地 - 萌芽網頁
我在五年前就已經接觸這個 CSS 屬性,所以在這幾年間都有不斷使用這個屬性,更多的圓角可以讓網頁看起來不那麼尖銳,許多的按鈕、方塊都可以套用上圓角,看起來更讚!「border-radius」屬於 CSS3,後面可以接 1~4 個數值或百 […]
🆕 https://mnya.tw/cc/word/1340.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS】
之前才寫了一篇 SCSS 介紹文,馬上又回到原生 CSS 的教學啦!試用了 SCSS 後發現到其變數功能真的非常實用,就想查查看這幾年 CSS3 有沒有添加了變數...
#CSS #CSS變數 #原生變數 #變數 #CSS3 #Variables #介紹 #使用教學 #宣告變數 #var #呼叫變數 #網站技術 #樣式表
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS】
之前才寫了一篇 SCSS 介紹文,馬上又回到原生 CSS 的教學啦!試用了 SCSS 後發現到其變數功能真的非常實用,就想查查看這幾年 CSS3 有沒有添加了變數...
#CSS #CSS變數 #原生變數 #變數 #CSS3 #Variables #介紹 #使用教學 #宣告變數 #var #呼叫變數 #網站技術 #樣式表
萌芽綜合天地
CSS 原生變數(Variables)介紹與使用教學:- 宣告變數、var() 呼叫變數 - 萌芽綜合天地 - 萌芽網頁
之前才寫了一篇 SCSS 介紹文,馬上又回到原生 CSS 的教學啦!試用了 SCSS 後發現到其變數功能真的非常實用,就想查查看這幾年 CSS3 有沒有添加了變數功能(Variables) […]