iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

三十哩路,我的前端學習路程 系列

簡單紀錄自己學習前端技術的過程

鐵人鍊成 | 共 30 篇文章 | 67 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11::我所知道的 CSS重構 第二章瞭解串接

第二章 瞭解串接 什麼是串接? 串接(cascade) 是瀏覽器用來決定樣式如何套用到元素上的方法。有許多樣式可以套用到同一個元素上,當樣式沒有依照預期的方法被...

DAY 12

Day12::我所知道的 CSS重構 第三章編寫較佳的CSS

第三章 編寫較佳的CSS 善用註解 註解可以幫助自己檢視自己之前所寫的程式碼或是段落說明應該加上註解的部分包括: 檔案內容 選取器的相依性與用法等 為何要如此...

DAY 13

Day13::我所知道的 CSS重構 第三章之二

高效選擇器 簡單選擇器的效能會比複雜選擇器的效能要好,簡單的選擇器應該優先被使用這是因為他比較容易被重複使用與理解而不是因為他們比較有效率。 由右向左比對選擇器...

DAY 14

Day14::我所知道的 CSS重構 第三章之三

建造較佳的盒框 盒框模型(box model)是瀏覽器決定如何渲染(render)一個方型區域的方法,因此瞭解盒框模型的運作對我們而言是很重要的,而HTML的所...

DAY 15

Day15::我所知道的 CSS重構 第四章為不同類型的樣式分類

第四章 為不同類型的樣式分類 樣式分類的重要性 網頁可以被視為是用來呈現資訊的文件集,也能被視為一套複雜的應用程式這兩種面像都需要具語意的HTML標籤來描述要呈...

DAY 16

Day16::我所知道的 CSS重構 第四章之二

錨點標籤 錨點標籤(anchor tags)提供可連到其他HTML文件或同一份HTML文件中段落的連結能搭配常用來顯示狀態:link、:visited、:foc...

DAY 17

Day17::我所知道的 CSS重構 第四章之三

影像 圖片可以透過<img>、<picture>標籤來呈現。因為<img>元素可以在行內的格式情境中使用,此外<img...

DAY 18

Day18::我所知道的 CSS重構 第五章測試

第五章 測試 測試 測試CSS可能會很困難,因為有許多不同的平台、螢幕尺寸、與裝置形體(form factors)需要進行測試。 測試為何困難? 如果要徹底檢測...

DAY 19

Day19::我所知道的 CSS重構 第五章之二

以幾種瀏覽器進行測試 在不同瀏覽器上檢測CSS最常見的方法是以手動方式進行測試目前主流的瀏覽器有 Google Chrome Firefox Safari M...

DAY 20

Day20::我所知道的 CSS重構 第六章樣式碼置放與重構策略

第六章 樣式碼置放與重構策略 從特定度低到特定度高之樣式的順序來組織CSS CSS樣式依據特定度與被引用的順序來套用,按照被套用的順序來組織CSS也是很合理的...