本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解好用的...
如何讓card的三個button在平常的時候不出現，hover的時候才出現呢?所有的程式碼都照著上述打，修改的部分如下: .card-btns { po...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 C...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解網頁...
第十八天 CSS定位模式Position 有五種方向:top、bottom、left、right、z-index,這五種方向分別指:Top:由上往下推多少px。...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 CS...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解如何...
影片教學 重點回顧 color: 色彩名稱 | rgb(rr,gg,bb) | #rrggbb | rgba(rr,gg,bb,alpha) opacity...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解如何設...
CSS顯示模式差異(1):在HTML中我們依照版面顯示方式，將標籤分為三種類型，1.區塊元素(block):例如: h1~h6,div,section,head...
CSS顯示模式差異(1):在HTML中我們依照版面顯示方式，將標籤分為三種類型，1.區塊元素(block):例如: h1~h6,div,section,head...
重新認識邊框: 跑版問題在我的範例中，我們使用選擇器將box的邊框設計為400px，但是由於我們設計了border的關係這使得我們的total 的width為b...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 CS...
影片教學 重點回顧 嗨!大家好，先前的影片已經簡單介紹CSS撰寫的語法以及選擇器的種類，今天將要針對字型的屬性去進行設定。 首先是字型部分，在font-fam...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 C...
本篇開箱是TailwindCSS預覽工具以及針對Tailwind CSS斷點設定擋調整 由於前兩篇是介紹WindowResize時要抓取的一些行為，這需求都...
影片教學 重點回顧 CSS如同其名，可以串接不同元素，串接不同的屬性及其對應的值。撰寫方式可以如下 head 內撰寫 <head> <...
接下來我們介紹CSS階層選擇器，與之前的屬性的優先權高低有所不同。我們直接上範例，在我的body之中我們先上code: <h3>我是...
除了normailze之外，這邊另外推薦一個css的 函式庫 FontAwesome在這裡你可以找到各式各樣的小圖示，增加我們HTML的美觀，雖然有些需要付費，...
為了使我們的Card更精緻，我們可以在.card{}中加入 box-shadow: 5px 5px 8px rgb(156, 153, 153); 這行可以使...
在上一篇中，我們學習了如何選擇並指定我們所需的元件並對其進行客製化。本篇我們來將淺談一些CSS基本、又好用的樣式，了解這些屬性，保證能讓您在網頁設計上更加得心應...
昨天的文章我們有提到留白的部分，但是不是所有的留白都是我們要的，我們可以使用Google瀏覽器的開發人員工具去找出我們不想要的留白，這時為了要消除它，我們回到C...
我們在style.css 中設定 邊寬的粗細、樣式及顏色，為的是讓我們在等一下的編排看清楚我們的選擇及調整。(*選擇器的意思是選擇所有的元素) * {...
本篇文章中，將講述CSS的基本的使用方法。在此之前，我們要先了解甚麼是CSS？ 什麼是CSS？ CSS（層疊樣式表，Cascading Style Sheet...
上回提到如何與CSS語法，感受到有很多強大的美化功能～ 但其實光有CSS是不夠的，還要和HTML合作才能真正地用出來！ 那如何與HTML合作呢？有三種常用的方法...
從昨天的文章我們可以知道，CSS的順序是由上往下，所以寫在最後面的會覆蓋過前面寫的。 另外，當我們的css內容越來越多的時候，我們可以透過Chrome檢查工具檢...
聊完HTML後，接下來是CSS的局啦 講到CSS，他是一種程式語言嗎？不是！ 雖說是風格頁面語言(style sheet language)，但其實是「階層樣式...
什麼是CSS? CSS是Cascading Style Sheets的縮寫。簡單來說，CSS不可以單獨使用，但是，可以幫我們的HTML語法增加更多的花樣變化。...
從今天開始我們會開始進入的CSS的世界。各位可以先到我的GitHub裡面下載我的第一個網站-2範例，搭配文章一起服用。在我給的範例中，我設計了一個大的<d...
本系列同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) 參賽前言 本系列文章目標是學習 C...
Eva Chen
ThisIsFrankTsai
coding19
切版姐姐
ttdragon0722
Bonnie1226
iThome鐵人賽
看影片追技術