iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

10 Like 2 留言 8380 瀏覽

鐵人賽 Modern Web DAY 12

金魚都能懂的CSS必學屬性系列第 12 篇

達標好文技術 Direction- 金魚都能懂的CSS必學屬性

direction 的規則 direction是控制inline物件排列的方向，其撰寫方式像是這樣 direction: ltr; direction的作用是...

CSScoke ‧ 2020-09-27

7 Like 0 留言 28030 瀏覽

鐵人賽 Modern Web DAY 11

金魚都能懂的CSS必學屬性系列第 11 篇

技術 Letter-spacing - 金魚都能懂的CSS必學屬性

letter-spacing 是一個控制字元間距的屬性，許多視覺設計師很喜歡做加大字距的視覺設計，這時就是letter-spacing上場發揮的時候了。 let...

CSScoke ‧ 2020-09-26

9 Like 0 留言 39671 瀏覽

鐵人賽 Modern Web DAY 10

金魚都能懂的CSS必學屬性系列第 10 篇

達標好文技術 Text-align - 金魚都能懂的CSS必學屬性

text-align 的規則 text-align主要的用途用於文字的水平對齊，基本上僅需指定一個值，其作用的對象是物件內的文字，例如我對p設定text-ali...

CSScoke ‧ 2020-09-25

8 Like 4 留言 25674 瀏覽

鐵人賽 Modern Web DAY 9

金魚都能懂的CSS必學屬性系列第 9 篇

達標好文技術 Text-indent - 金魚都能懂的CSS必學屬性

Text-indent 的規則 text-indent基本上僅需指定一個值，其撰寫方式像是這樣 text-indent: 1em; text-indent的作...

CSScoke ‧ 2020-09-24

7 Like 1 留言 8621 瀏覽

鐵人賽 Modern Web DAY 8

金魚都能懂的CSS必學屬性系列第 8 篇

達標好文技術 Color - 金魚都能懂的CSS必學屬性

Color 的規則 color基本上僅需指定一個值，其撰寫方式像是這樣 color: red; color的作用是設定文字的色彩，其中設定的值有多種方式，其中...

CSScoke ‧ 2020-09-23

7 Like 0 留言 10952 瀏覽

鐵人賽 Modern Web DAY 7

金魚都能懂的CSS必學屬性系列第 7 篇

技術 Line-height - 金魚都能懂的CSS必學屬性

Line-height 的規則與概念 line-height基本上僅需指定一個值，其撰寫方式像是這樣 line-height: 1; line-height的...

CSScoke ‧ 2020-09-22

14 Like 3 留言 26390 瀏覽

鐵人賽 Modern Web DAY 6

金魚都能懂的CSS必學屬性系列第 6 篇

達標好文技術 Text-decoration - 金魚都能懂的CSS必學屬性

Text-decoration是一個網頁開發者必學的CSS屬性了，因為用到的機會太多了，尤其是超連結的底線去除，Amos不知道被問到多少次了，此外對於有些需要強...

CSScoke ‧ 2020-09-21

8 Like 0 留言 7096 瀏覽

鐵人賽 Modern Web DAY 5

金魚都能懂的CSS必學屬性系列第 5 篇

技術 Font-style - 金魚都能懂的CSS必學屬性

Font-style 的規則 font-style基本上僅需指定一個值，其撰寫方式像是這樣 font-style: italic; font-style的作用...

CSScoke ‧ 2020-09-20

8 Like 0 留言 12500 瀏覽

鐵人賽 Modern Web DAY 4

金魚都能懂的CSS必學屬性系列第 4 篇

技術 Font-weight - 金魚都能懂的CSS必學屬性

Font-weight 的規則 font-weight基本上僅需指定一個值，其撰寫方式像是這樣 font-weight: bold; 好了!講完了，今天的金魚...

CSScoke ‧ 2020-09-19

13 Like 1 留言 22594 瀏覽

鐵人賽 Modern Web DAY 3

金魚都能懂的CSS必學屬性系列第 3 篇

達標好文技術 Font-size - 金魚都能懂的CSS必學屬性

Font-size，這麼簡單的一個CSS屬性，有必要特別開一篇文章來談嗎？這根本就是騙稿費騙篇數的啊！說實在話，font-size這屬性還真的是不困難，但卻也是...

CSScoke ‧ 2020-09-18

2 Like 0 留言 10916 瀏覽

鐵人賽 Modern Web DAY 3

從平面轉型成網頁設計的 UI/UX 設計師系列第 3 篇

技術【Day 3】基礎 HTML、CSS 線上教學資源分享

學習 HTML、CSS 的路上，買過不少線上教學，也蒐集了很多免費資源。有時候買下來才驚覺太過艱深，或是上到一半發現跟自己的工作內容相去甚遠，這時候不用覺得浪費...

GG ‧ 2020-09-18 ‧團隊想吃薑母鴨

14 Like 0 留言 40361 瀏覽

鐵人賽 Modern Web DAY 2

金魚都能懂的CSS必學屬性系列第 2 篇

達標好文技術 Font-family - 金魚都能懂的CSS必學屬性

關於網頁中最常見的CSS屬性設定，不外乎就是font-family字型的設定了，字型對一個網頁的重要性可說是左右了一個頁面的視覺感受，不僅僅是美觀與否的問題，更...

CSScoke ‧ 2020-09-17

21 Like 0 留言 15490 瀏覽

鐵人賽 Modern Web DAY 1

金魚都能懂的CSS必學屬性系列第 1 篇

達標好文技術金魚都能懂的CSS必學屬性-CSS真的這麼難學嗎

說到CSS的學習與教學，基本上最多人會卡到的問題就是CSS屬性這麼多，好難學懂或是學到完整，基本上這個問題對於多數的網頁新手來說，始終都是個難解的困擾，但實際上...

CSScoke ‧ 2020-09-16

1 Like 0 留言 6964 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

在還沒認識Flex前我的水平垂直置中招式，永遠都只有這幾招，line-height+margin auto或用postion來設定，但每次遇到的狀況還不一定能用...

jason06286 ‧ 2020-04-26

1 Like 0 留言 1327 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

還記得國中時，老師國文課時上到朱自清-背影，雖然內容不多，但內容卻十分豐富，國中時我還是位懵懂的少年，不經世事的孩子，對文章的真情未必有深入的感受及透澈。僅僅瞭...

jason06286 ‧ 2020-04-17

1 Like 0 留言 1676 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓，用 border-radius 讓你圓又圓

雖然離中秋節還很遠，已經想烤肉了XD ，但每次抬頭仰望星空，看到月亮一點一滴的變化，讓我心中掀起小波瀾，心中思考著要如何讓月亮長存，而不是只有黑夜。如何使用...

jason06286 ‧ 2020-04-11

1 Like 0 留言 2193 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

首先我們要先知道什麼是SEO？沒有SEO，人們只有5.59%的機會找到你 SEO為什麼重要？讓人們看見你以Google的角度而言 :Google不斷的更...

jason06286 ‧ 2020-03-22

1 Like 0 留言 3462 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到？讓我們來瞭解CSS權重！

以前我在寫css的時候，常常發現沒寫錯但為什麼沒反應？然後開始陷入debug迴圈，後來才發現是權重出了問題，我想這也是大家都經歷過的痛吧！在剛開始寫CSS的時...

jason06286 ‧ 2020-03-14

0 Like 0 留言 1650 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 04:人要衣著，佛要金裝！用CSS為網頁穿上衣服

如果說html是人，css就是衣服。俗話說:人要衣著，佛要金裝。穿搭得宜，宅男都會變型男無誤。首先我們先在css資料夾下建立一個style.css，然後在ht...

jason06286 ‧ 2020-03-08

0 Like 1 留言 2823 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

什麼是box-model? 意思是在 CSS 裡面，html 的每個元素都可被視作為一個盒子，然後可以針對這個盒子去做調整 Margin -負責調整元素與元...

jason06286 ‧ 2020-03-01

3 Like 0 留言 2276 瀏覽

技術 WordPress 教學：如何制作【平滑感】的 CSS 輕陰影？

有時要把陰影調整得非常 “Smooth 順滑” 是一件不輕鬆的事情，如果沒有受過正規的學術訓練，尤其容易弄巧成難看的陰影，雖然這非常主觀，但不妨多參考國外的優...

Mack Chan ‧ 2019-12-09

37 Like 15 留言 52231 瀏覽

鐵人賽影片教學

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎系列第 31 篇

達標好文技術史上最完整的新手網頁入門學習地圖 - 金魚都懂的網頁學習路徑懶人包

免費的教學資源，但卻絲毫不減教學品質經歷了兩屆的鐵人賽，總算是把想要做卻積了很久的一些網頁教學，用錄的、寫的給製作出來了，這一些網頁教學基本上不單單是給所有人...

CSScoke ‧ 2019-10-22 ‧團隊Amos的推坑教2.0

16 Like 4 留言 16355 瀏覽

鐵人賽 Modern Web DAY 30

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 30 篇

達標好文技術學習路徑懶人包 - CSS 選取器學習地圖

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-15

5 Like 1 留言 14794 瀏覽

鐵人賽 Modern Web DAY 29

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 29 篇

技術 :root 根目錄選取器 - 叫你阿爸出來講

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-14

6 Like 1 留言 4673 瀏覽

鐵人賽 Modern Web DAY 28

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 28 篇

技術 :disabled & :enabled 表單用僞類選取器 - 一眼看穿那些不能按的按鈕

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-13

5 Like 0 留言 1964 瀏覽

鐵人賽影片教學 DAY 27

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎系列第 27 篇

技術金魚都能懂的這個網頁畫面怎麼切 : 文字排版-完結

大家好～我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

CSScoke ‧ 2019-10-12 ‧團隊Amos的推坑教2.0

7 Like 2 留言 7991 瀏覽

鐵人賽 Modern Web DAY 27

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 27 篇

技術 :nth-of-type() & :nth-last-of-type() - 你覺得燒腦但其實根本不燒腦的選取器趴兔

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-12

11 Like 3 留言 27163 瀏覽

鐵人賽 Modern Web DAY 26

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 26 篇

達標好文技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-11

7 Like 0 留言 4549 瀏覽

鐵人賽 Modern Web DAY 25

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 25 篇

技術 :only-of-type 類型獨子選取器

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-10-10

3 Like 1 留言 1552 瀏覽

鐵人賽影片教學 DAY 26

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎系列第 26 篇

技術金魚都能懂的這個網頁畫面怎麼切 : 文字排版-下集

大家好～我是 Amos，這次要跟大家分享的是切版的教學，如果您本身對於 HTML & CSS 的基礎還不了解的話，建議您可以先看去年鐵人的基礎教學金魚...

CSScoke ‧ 2019-10-11 ‧團隊Amos的推坑教2.0

達標好文 技術 Direction- 金魚都能懂的CSS必學屬性

技術 Letter-spacing - 金魚都能懂的CSS必學屬性

達標好文 技術 Text-align - 金魚都能懂的CSS必學屬性

達標好文 技術 Text-indent - 金魚都能懂的CSS必學屬性

達標好文 技術 Color - 金魚都能懂的CSS必學屬性

技術 Line-height - 金魚都能懂的CSS必學屬性

達標好文 技術 Text-decoration - 金魚都能懂的CSS必學屬性

技術 Font-style - 金魚都能懂的CSS必學屬性

技術 Font-weight - 金魚都能懂的CSS必學屬性

達標好文 技術 Font-size - 金魚都能懂的CSS必學屬性

技術 【Day 3】基礎 HTML、CSS 線上教學資源分享

達標好文 技術 Font-family - 金魚都能懂的CSS必學屬性

達標好文 技術 金魚都能懂的CSS必學屬性-CSS真的這麼難學嗎

技術 鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

技術 鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

技術 鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓，用 border-radius 讓你圓又圓

技術 鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

技術 鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到？讓我們來瞭解CSS權重！

技術 鼠年全馬鐵人挑戰 WEEK 04:人要衣著，佛要金裝！用CSS為網頁穿上衣服

技術 鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

技術 WordPress 教學：如何制作【平滑感】的 CSS 輕陰影？

達標好文 技術 史上最完整的新手網頁入門學習地圖 - 金魚都懂的網頁學習路徑懶人包

達標好文 技術 學習路徑懶人包 - CSS 選取器學習地圖

技術 :root 根目錄選取器 - 叫你阿爸出來講

技術 :disabled & :enabled 表單用僞類選取器 - 一眼看穿那些不能按的按鈕

技術 金魚都能懂的這個網頁畫面怎麼切 : 文字排版-完結

技術 :nth-of-type() & :nth-last-of-type() - 你覺得燒腦但其實根本不燒腦的選取器趴兔

達標好文 技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

技術 :only-of-type 類型獨子選取器

技術 金魚都能懂的這個網頁畫面怎麼切 : 文字排版-下集

標記使用者

達標好文技術 Direction- 金魚都能懂的CSS必學屬性

達標好文技術 Text-align - 金魚都能懂的CSS必學屬性

達標好文技術 Text-indent - 金魚都能懂的CSS必學屬性

達標好文技術 Color - 金魚都能懂的CSS必學屬性

達標好文技術 Text-decoration - 金魚都能懂的CSS必學屬性

達標好文技術 Font-size - 金魚都能懂的CSS必學屬性

技術【Day 3】基礎 HTML、CSS 線上教學資源分享

達標好文技術 Font-family - 金魚都能懂的CSS必學屬性

達標好文技術金魚都能懂的CSS必學屬性-CSS真的這麼難學嗎

技術鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

技術鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

技術鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓，用 border-radius 讓你圓又圓

技術鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

技術鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到？讓我們來瞭解CSS權重！

技術鼠年全馬鐵人挑戰 WEEK 04:人要衣著，佛要金裝！用CSS為網頁穿上衣服

技術鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

達標好文技術史上最完整的新手網頁入門學習地圖 - 金魚都懂的網頁學習路徑懶人包

達標好文技術學習路徑懶人包 - CSS 選取器學習地圖

技術金魚都能懂的這個網頁畫面怎麼切 : 文字排版-完結

達標好文技術 :nth-child() & :nth-last-child() - 你覺得燒腦但其實根本不燒腦的選取器

技術金魚都能懂的這個網頁畫面怎麼切 : 文字排版-下集