就是今天，讓我們直直的往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
第二章 瞭解串接 什麼是串接？ 串接(cascade) 是瀏覽器用來決定樣式如何套用到元素上的方法。有許多樣式可以套用到同一個元素上，當樣式沒有依照預期的方法被...
開始要求自己的程式碼的乾淨與可視程度之後被前輩推薦了一本書接下來幾天會以這本書為主的閱讀筆記，筆記會節錄書中的片段文章有興趣的朋友可以買來看看，這本書真的蠻不錯...
CSS也能做動畫？沒錯，CSS也能做動畫！ 在看到CSS繪圖之後我在同樣的Pen裡頭又看到了會動的簡單小動畫又激起我的好奇心！然後我就去Google了 要用CS...
direction 屬性是用來設定文字的方向。可能的值為 'ltr' 與 'rtl'。 如以下範例： <!DOCTYPE html> <h...
小斑
‧
2017-12-11
我是 Chris，從 2017 年起在好想工作室擔任 Web Camp Mentor 至今，培訓許多屆的 Web Camp 學員，這次我們要招收 Web Ca...
今天比較忙，先簡單放上一些內容 滑鼠游標圖案加上 style="cursor:pointer" 即可 其他滑鼠游標圖案，參考
小斑
‧
2017-12-10
前言 大家好，我大概都是直接從問題點出發，並寫記錄我的解決方式，但不一定是最好的解決方法，所以還煩請大大提點了 問題情況 我有用 hover 讓我圖片滑過鼠標時...
CSS Grid Layout又被稱為網格佈局 簡而言之就是將畫面切割成若干方格再依照想要的位置把方塊放進去！ 會使用到的屬性有 display:grid gr...
color (顏色) 屬性可設定一個元素的顏色。此屬性可以有以下三類的設定值： 十六進位值 RGB 碼 顏色名稱 範例如下： <!DOCTYPE...
小斑
‧
2017-12-09
Chris
只是顆米荳
lf2exe
微中子
Luis-Chen
iThome鐵人賽
看影片追技術