過去站長寫網頁版面時常常會遇到一個問題，那就是 CSS3 屬性 padding (內距) 和 border (邊框) 的大小會影響這個元素的大小，也就是其 width (寬度) 和 height (高度)，造成同樣的寬高下，因為不同的內距與邊框造成兩個或多個元素大小完全不同，影響美觀，所以那時都是手動計算寬度應該要多少才能符合同樣大小的原則，相當麻煩！

隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站，我們運用 JavaScript 延遲載入 （圖片） 或 （嵌入網頁），舉例來說有 Intersection Observer API 可以做到，還有 scroll、

學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等，而某些檔案瀏覽器因為無法預覽會直接跳出下載，然而像是 PDF 這種可預覽的格式則會直接給訪客進入預覽，但有時候開發者可能更希望訪客是直接下載這些檔案的，因此就可以透過新增download 屬性讓連結可直接執行下載！

CSS Scrollbars 標準化了 Windows IE 5.5 在西元 2000 年引入的過時捲軸顏色屬性，這個屬性可以自訂捲軸的寬度與顏色，但可用的選項與整體自由度就比 Webkit 瀏覽器支援的 ::-webkit-scrollbar 還少很多，畢竟一個是選擇器（能加一堆有的沒的屬性，很自由），而這次要解說的這個僅僅只是兩個屬性搭配使用，