第一次關注這個標題編號的問題應該回溯到本科畢業**的時候了，當時還單獨涉獵過這個主題，word有個很好的特性級聯標題，一次設定好之後，後續只要設定標題樣式就能按照設定的標題編號方式自動編號，我們要做的只是將對應的標題設定成對應基本的標題樣式就好了，這個方法讓我愛不釋手，多年來一直沿用。完全解決了中途插入一章，一節等等導致的章節編號都需要人肉調整的問題，當然還有的編號命名什麼的，都是類似的。
直到後面開始用markdown由於各個編輯器的切換，一直沒有乙個好用的替代方案，所以幾年前我寫了乙個小工具用命令列來做這事rawbin-/markdown-clear，這個工具解決了在github寫部落格的問題，同時在解決部落格的問題的基礎上解決了在各個平台發文的問題，因為編號是用指令碼寫上去的，所以用markdown here在各個平台發文也就順理成章的轉成html就行了，也解決了這個階段的問題。
前兩天把拖欠幾個月的全面認知的總結寫了，突然不想用這個指令碼來編號了，產生乙個想法：能不能不人肉編號，自動編上？然後就有了下面的內容。
以下操作案例都是在macos中產出，其他平台可能有些許差別，換湯不換藥。
#writer
h1h2
h3h4
h5#writer h1:before
#writer h2:before
#writer h3:before
#writer h4:before
#writer h5:before
#writer h6:before
jekyllbootstrap.com的模板，比較簡單
將如下內容改到源**的assets/themes/bootstrap3/css/style.css中
.content
h1h2
h3h4
h5.content h1:before
.content h2:before
.content h3:before
.content h4:before
.content h5:before
.content h6:before
這裡面涉及到一款瀏覽器外掛程式markdown here，可以在頁面富文字編輯器中將markdown自動轉換為網頁，這也是我前面說到的這幾年在各個平台發文的套路，寫好編號好標題markdown往編輯器裡面一貼，然後一點 ，搞定。
counter-reset: h1;
h1 }
h2 }
h3 }
h4 }
h5 }
h6:before
}
:root
.body
純css實現箭頭
很久之前收集的，忘記出處了。1.梯形 當元素寬 高和邊框的寬相近 等 時，改變某一邊的顏色可以看到乙個梯形 border 10px solid 000 border left color f00 width 10px height 10px 2.三角形 當元素寬 高為零，且其他邊為透明顏色時，可以形...
純CSS實現表單驗證
關鍵在於使用css selectors levle4裡的一些偽類實現表單驗證，這些偽類有 上面的案例就是使用了 in range和 out of range，接下去我們來一一解讀下。required可以選中具有required屬性的表單元素，可以是input select和textarea，例如下面...
純css實現tab切換
所用技術有 css選擇器 相鄰兄弟選擇器 element element 用於選取第乙個指定的元素之後的緊跟的元素，該元素是被選取元素的兄弟 不是內部 element1 element2 它可以element1之後所有的element2 兩元素必須擁有相同父元素，但是element2不必直接緊隨el...