鐵人檔案
是一個不存在於頁面上的元素。透過CSS內建的元素，以兩個冒號做開頭，主要是用調整頁面上特別部分樣式。 以下列出常用:::first-line 元素的第一行:...
偽類別是甚麼? 簡單來說，偽類別就是在特定動作時，改變CSS的樣式，也就是在偽類別設定的屬性，沒有在特定動作之前，是不會觸發的，比如說:hover，在滑鼠移動到...
:focus 輸入焦點在欄位上時，就套用自訂的CSS。 <style> input.text_field:focus{ b...
基本概念 CSS的Display屬性可以改變元素對外所參與的佈局環境（outer display type），例如： inline/block/inline-b...
box model 的四個區域 content內容區域。border邊框區域。padding內容邊框之間的距離，稱內距。margin 邊框之外的距離通常用來做元...
position 在CSS裡面是一個很重要的排版屬性，比如我們希望某個元素固定在畫面上的話，就可以使用position fixed。 position:fixe...
float浮動屬性，通常會用在文繞圖的場景上，而常見值有:none / left / right 宣告的方式: wrapper{ float:left;...
我們在設計版面的時候，客戶常常要求這個圖片要上面一點還是下面一點等等，都是要設置物件margin和padding，margin 與 padding 分別控制物件...
width 及 hight 是css裏頭做常出現的屬性，幾乎每個物件都會用到，但是身為小白的我們卻很難把他用好，導致出現跑版的狀況，為了我們小白能夠理解他們的常...
我們最常見到要設定一個contaner的padding時，會發現該物件會變大，所以這時候我們就可以使用一個屬性box-sizing:border-box，該物件...
