list-style 的作用是設定清單前方的圖示，網頁中清單類型的資料可說是固定項目了，每個頁面中都或多或少的可以看到一些清單類型的資料，只是在這些清單的視覺外...
border 主要用途是設定物件的邊框線， outline 是設定物件的外框線，這兩個很類似，但卻有一些細節有所差異，若是不清楚的話就可能會誤用，兩者的原始碼中...
background 如字面所示，主要用途是設定網頁中元素的背景，實際上 background 是一個CSS 縮寫，它的值是由多個 CSS 屬性所組成，原始碼撰...
background-attachment 主要用途是設定背景圖片位置的捲動或固定，看起來很像是 background-position 對吧？但他實際上是設定...
background-size如字面所示，主要用途是設定背景圖片的尺寸，background-size可以使用數值或關鍵字設定，並可以設定一至兩個值，倘若是需要...
background-repeat主要用途是讓背景圖片可以重複拼接，好能夠在背景圖片小於容器尺寸時，利用拼接的方式鋪滿整個容器範圍，background-rep...
background-position 背景位置指的是背景圖片的位置而非色彩位置，所以切記！使用這個屬性時，請記得搭配 background-image 使用，...
前情提要，從上一篇我們了解到背景圖片的多個設定，以及可以設定多重背景之後，這一篇我們要來了解的是背景的漸層，如果還沒看過上一篇的朋友，建議先去看一下「backg...
Background-image 的規則 background-image作用是設定背景圖片，其撰寫方式像是這樣 background-image: url(&...
Background-color 的規則 background-color基本上僅需指定一個值，其撰寫方式像是這樣 Background-color: red;...
Font 的規則 font 是一個文字相關屬性的縮寫屬性，也是目前金魚都能懂的CSS必學屬性中第一個遇到的CSS縮寫屬性，font 可同時設定了包括文字樣式、小...
word-spacing 的規則 word-spacing 基本上僅需指定一個值，其撰寫方式像是這樣 word-spacing: block; word-sp...
direction 的規則 direction是控制inline物件排列的方向，其撰寫方式像是這樣 direction: ltr; direction的作用是...
letter-spacing 是一個控制字元間距的屬性，許多視覺設計師很喜歡做加大字距的視覺設計，這時就是letter-spacing上場發揮的時候了。 let...
text-align 的規則 text-align主要的用途用於文字的水平對齊，基本上僅需指定一個值，其作用的對象是物件內的文字，例如我對p設定text-ali...
Text-indent 的規則 text-indent基本上僅需指定一個值，其撰寫方式像是這樣 text-indent: 1em; text-indent的作...
Color 的規則 color基本上僅需指定一個值，其撰寫方式像是這樣 color: red; color的作用是設定文字的色彩，其中設定的值有多種方式，其中...
Line-height 的規則與概念 line-height基本上僅需指定一個值，其撰寫方式像是這樣 line-height: 1; line-height的...
Text-decoration是一個網頁開發者必學的CSS屬性了，因為用到的機會太多了，尤其是超連結的底線去除，Amos不知道被問到多少次了，此外對於有些需要強...
Font-style 的規則 font-style基本上僅需指定一個值，其撰寫方式像是這樣 font-style: italic; font-style的作用...
Font-weight 的規則 font-weight基本上僅需指定一個值，其撰寫方式像是這樣 font-weight: bold; 好了!講完了，今天的金魚...
Font-size，這麼簡單的一個CSS屬性，有必要特別開一篇文章來談嗎？這根本就是騙稿費騙篇數的啊！說實在話，font-size這屬性還真的是不困難，但卻也是...
學習 HTML、CSS 的路上，買過不少線上教學，也蒐集了很多免費資源。有時候買下來才驚覺太過艱深，或是上到一半發現跟自己的工作內容相去甚遠，這時候不用覺得浪費...
關於網頁中最常見的CSS屬性設定，不外乎就是font-family字型的設定了，字型對一個網頁的重要性可說是左右了一個頁面的視覺感受，不僅僅是美觀與否的問題，更...
說到CSS的學習與教學，基本上最多人會卡到的問題就是CSS屬性這麼多，好難學懂或是學到完整，基本上這個問題對於多數的網頁新手來說，始終都是個難解的困擾，但實際上...
在還沒認識Flex前我的水平垂直置中招式，永遠都只有這幾招，line-height+margin auto或用postion來設定，但每次遇到的狀況還不一定能用...
還記得國中時，老師國文課時上到朱自清-背影，雖然內容不多，但內容卻十分豐富，國中時我還是位懵懂的少年，不經世事的孩子，對文章的真情未必有深入的感受及透澈。僅僅瞭...
雖然離中秋節還很遠， 已經想烤肉了XD ，但每次抬頭仰望星空，看到月亮一點一滴的變化，讓我心中掀起小波瀾，心中思考著要如何讓月亮長存，而不是只有黑夜。 如何使用...
首先我們要先知道什麼是SEO？ 沒有SEO，人們只有5.59%的機會找到你 SEO為什麼重要？讓人們看見你 以Google的角度而言 :Google不斷的更...
以前我在寫css的時候，常常發現沒寫錯但為什麼沒反應？然後開始陷入debug迴圈，後來才發現是權重出了問題，我想這也是大家都經歷過的痛吧！ 在剛開始寫CSS的時...
CSScoke
GG
iThome鐵人賽
看影片追技術