***邊界 (margin) 是在邊框之外，並且是用來設定各個元素之間的距離。***一個盒子有四個邊，所以我們可以對這四個邊逐一設定：margin-top (...
小斑
‧
2017-12-20
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
list-style-image 屬性是用來將某個圖案設定為記號。此屬性的用法為，list-style-image:url([image_url]); 如以...
小斑
‧
2017-12-19
影像 圖片可以透過<img>、<picture>標籤來呈現。因為<img>元素可以在行內的格式情境中使用，此外<img...
FB event: https://www.facebook.com/events/173472326462938/GitHub repo: https://g...
FB event: https://www.facebook.com/events/1890105347923108/ GitHub repo: https:/...
Happy CSSer 是個出門一起寫 CSS 的小活動。我們會在 FB 上糾團、在 GitHub 上遞交自己的作品、並在活動中分享及討論各自的理解與技巧。...
錨點標籤 錨點標籤(anchor tags)提供可連到其他HTML文件或同一份HTML文件中段落的連結能搭配常用來顯示狀態:link、:visited、:foc...
list-style-position 屬性讓我們可以決定記號是否應該被視為是文字的一部份，並且由此而決定記號的位置。這個屬性可能的設定值為 "in...
小斑
‧
2017-12-18
就是今天，讓我們直直的往CSS地下層開始冒險吧！今天會先講基本的選擇器以及優先權的問題 (其實原本我是想連續想三十天的各種CSS元件) 由於CSS的屬性真的太...
樂樂
‧
2017-12-21
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
第四章 為不同類型的樣式分類 樣式分類的重要性 網頁可以被視為是用來呈現資訊的文件集，也能被視為一套複雜的應用程式這兩種面像都需要具語意的HTML標籤來描述要呈...
list-style-type 屬性是用來設定在清單中，每一條之前的記號要用什麼。其設定值為：none (沒有)disc (全黑圓圈)circle (空心圓圈...
小斑
‧
2017-12-17
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
上次介紹完html的基本用法，這次來介紹css!! css簡單來說就是html的形容詞+動詞，用來把每個區塊給予一個形容((外觀))或是動作((超級廢話))。(...
今天比較忙 就先簡單分享在網路上找的一些模板給大家參考 這對往後在開發網站前端很有幫助 http://develop-a-website.com/15-fr...
小斑
‧
2017-12-16
v今天繼續使用 robinson 這個「玩具」來進行講解，第二篇文章講到解析，目前我們已經會處理 DOM 和 HTML 了，接下來就是處理 CSS 的部分。在開...
建造較佳的盒框 盒框模型(box model)是瀏覽器決定如何渲染(render)一個方型區域的方法，因此瞭解盒框模型的運作對我們而言是很重要的，而HTML的所...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
今天介紹有關字體的CSS，包含： font-family font-size font-weight font-style font-variant fo...
小斑
‧
2017-12-15
text-indent 屬性是用來設定每一段的第一行前面要留多少空間。 text-transform 屬性是用來控制大小寫是如何展現的。可能的值包括：ca...
小斑
‧
2017-12-14
高效選擇器 簡單選擇器的效能會比複雜選擇器的效能要好，簡單的選擇器應該優先被使用這是因為他比較容易被重複使用與理解而不是因為他們比較有效率。 由右向左比對選擇器...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...
第三章 編寫較佳的CSS 善用註解 註解可以幫助自己檢視自己之前所寫的程式碼或是段落說明應該加上註解的部分包括： 檔案內容 選取器的相依性與用法等 為何要如此...
text-align 屬性是用來設定文字是如何對齊。可能的值包括：left： 靠左對齊right： 靠右對齊center： 向中間對齊justify： 左右對...
小斑
‧
2017-12-13
前言 經典的排版設計，最近需要刻瀑布式卡片設計，目前還在調教中... CSS 樣式 我是用styled-components 撰寫 所以看起來有點不一樣，但是在...
letter-spacing 屬性可用來設定每一個字母之間的空間。line-height 屬性可用來設定每一行之間的空間。 如以下範例： <!DOCT...
小斑
‧
2017-12-12
Chris
只是顆米荳
Rplus
lf2exe
微中子
Luis-Chen
iThome鐵人賽
看影片追技術