為什麼在CSS中16進位縮寫形式（如#f00）有時會導致解析錯誤？
Jul 03, 2026 pm 03:30 PM
f00在Webpack4 css-loader2.x（minimize:true且無PostCSS）、內聯SVG（Android4.4.xWebView）及廢棄HTMLcolor屬性中不被穩定支持，易引發解析錯誤或無效值。
為什麼CSS Grid佈局比絕對定位更適合做成懸浮彈窗？
Jul 03, 2026 pm 03:39 PM
懸浮彈窗在Grid中錯位的根本原因是未給其直接父容器設定position:relative，導致absolute定位錨定到body；正確做法是讓父網格項設relative創建定位上下文，彈窗再用absolute相對其定位。
如何使用CSS製作一個無需圖片的三角形指示標？
Jul 03, 2026 pm 03:45 PM
純CSS三角形原理是利用border交界處的斜角渲染：當元素寬高為0且僅單邊設色、其餘三邊透明時，形成等腰直角三角形；需設定border-width和border-color，停用background與偽元素內容。
如何透過CSS偽元素::before實現文字溢位的自訂省略號樣式？
Jul 03, 2026 pm 03:33 PM
直接用text-overflow:ellipsis不夠用，因其省略號為固定字元（U 2026），無法改色、加圖示、換字體或置於文字中間/左側，也無法滿足「…更多」等帶語意的截斷提示需求。
如何使用SCSS的@mixin自動化處理CSS瀏覽器的前綴相容性？
Jul 03, 2026 pm 03:36 PM
@mixinprefix()必然失效，因SCSS編譯器不查CanIUse或browserslist，僅機械展開字串，而各屬性前綴規則差異大、順序敏感且瀏覽器支援動態變化。
如何利用SCSS的@warn指令在CSS編譯階段發出程式碼規格警告？
Jul 03, 2026 pm 03:24 PM
@warn輸出常被建置工具吞沒：Webpack需設定sassOptions.verbose，Vite僅輸出到終端日誌，CI需停用--quiet；必須置於實際執行的函數/mixin中，插值前校驗變數存在，且無法覆寫HTML範本層。
怎樣在CSS中實現一個帶有漸變遮罩邊緣的圖片滾動區域？
Jul 03, 2026 pm 03:27 PM
用mask-image實現漸變邊緣遮罩最乾淨，需配合mask-repeat:no-repeat、mask-size:100 0%和mask-type:luminance，用linear-gradient定義黑白過渡，外層容器設overflow:hidden並應用遮罩，內層滾動容器獨立處理溢出。
為什麼CSS浮動層級有時會高於未定位的普通區塊級元素？
Jul 03, 2026 pm 03:42 PM
BFC是CSS中獨立的區塊級佈局區域，內部元素垂直排列、margin不重疊、包含浮動、不與外部浮動重疊、寬度自適應；觸發條件包括根元素、float不為none、overflow不為visible、position為absolute/fixed/sticky、display為inline-block/table-cell/flex/grid等。