January 9, 2018
January 8, 2018
正常來說 HTML裡面，如果使用 li 做 float 功能時，就會讓 li 失去高度，為了不讓 li 失去高度，以及在之後的元素不會錯亂，需要有對應的程式寫法，如下：
HTML 一般寫法
就會變成這樣：（灰框：div, 藍框：ul, 紅框：li）
HTML 一般寫法
<ul>
<li>★</li>
<li>this is list comm.</li>
</ul>
<ul>
<li>★</li>
<li>this is list comm.</li>
</ul>
<li>★</li>
<li>this is list comm.</li>
</ul>
<ul>
<li>★</li>
<li>this is list comm.</li>
</ul>
就會變成這樣：（灰框：div, 藍框：ul, 紅框：li）
January 4, 2018
當我製作手機版網頁時，習慣性的沿用PC版的CSS定義
發現一個跟 padding 完全無關的問題（BUG）
HTML for mobile
發現一個跟 padding 完全無關的問題（BUG）
HTML for mobile
<a href="index.php">首頁 home</a><a href="Category.php">商品清單 Category</a><span>某某商品名稱</span>
December 19, 2017
December 19, 2017
box-sizing 似乎很不錯。但是做比較複雜的CSS設計時，有優點有缺點。
優點：可以快速地讓母容器縮小至所設定的大小。
缺點：但是內部尺寸卻不是很好計算。包括其內的子容器大小如果有其他設定，img, span, a, 等改變diaplay屬性後還是要經過計算
優點：可以快速地讓母容器縮小至所設定的大小。
缺點：但是內部尺寸卻不是很好計算。包括其內的子容器大小如果有其他設定，img, span, a, 等改變diaplay屬性後還是要經過計算
November 23, 2017
