系列文章
Day11：小事之 HTML dir Attribute 與 CSS writing-mode 上篇
昨天說到 dir 屬性用於設置要顯示的文本的基本方向，這個基本方向不純粹是文字，包含所有的元素、區塊都是唷！所以當設定了 <html dir="...
Day12：小事之 HTML dir Attribute 與 CSS writing-mode 下篇
突然覺得寫冷門的東西是很殘害自己的節奏～XDDD不過都寫下去了，又不想閹割它，只好想辦法把它寫完惹。 writing-mode for IE10- 的屬性值...
Day13：小事之 HTML viewport 與 meta tag
前面為了講 dir 岔太遠了，再回來 HTML 上面繼續說吧～今天要介紹的是 meta。 HTML meta tag 的功能是用來提供網頁資訊給瀏覽器、搜尋引...
Day14：小事之 HTML 語意化標籤 上篇
在 HTML5 中 新增了語意標籤，用意是： 取代掉不具意義的 <div> 等tag 用語意化標籤來加強文件的結構化。 HTML 5 中新增的...
Day15：小事之 HTML 語意化標籤 下篇
html5 Doctor 曾經釋出過下面這個圖，用來幫助你選擇最符合語義的 HTML5 元素。[1] 今天就跟著這張表來看看幾個最常用的 HTML5 標籤該怎麼...
Day16：小事之 HTML table
HTML <table> 元件代表表格數據──換句話說，就是透過二維資料表來呈現資訊。早期 table 是同時拿來做網站排版與資料呈現，在 html...
Day17：小事之 HTML table responsive
Table 很方便用來做資料的呈現，但是當需要在各種裝置都能正常顯示的情況下，Table 的使用就很讓人傷腦筋了。 比較常用的 Table RWD 方式有兩種：...
Day18：小事之 HTML form
在整個網站裡，form 表單會出現在不少地方，最常看到的是在聯絡我們那頁。 以聯絡我們來舉例，基本的表單如下： <form action="&q...
Day19：小事之 Google form 的運用
會使用 Google form 是因為在做簡易的網站時，如果需要聯絡我們之類的表單，又不想要麻煩工程師，那麼使用 Google form 會是一個很方便的方式。...
Day20：小事之 CSS 權重 (css specificity)
在學習 CSS 的時候，一定會先認識什麼是 html element、什麼是 class、什麼是 id，什麼是 css 的 inline 寫法。了解基本的 cs...