<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/tag/css/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Tue, 14 Apr 2026 19:09:47 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>如何用Webpack來打包JavaScript、SCSS/CSS、HTML網頁和任意檔案？</title><link>https://magiclen.org/webpack</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/06/webpack-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/06/webpack-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/06/webpack-660x486.png 3x" alt="">
Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，舉凡網頁有用到的靜態資源(如JS、CSS、圖片檔等)，甚至是HTML網頁，Webpack都有辦法打包。]]></description><category>研究分享</category><category>JavaScript</category><category>CSS</category><category>HTML</category><category>JavaScript</category><category>node.js</category><category>Webpack</category><category>SCSS</category><category>Sass</category><category>Font Awesome</category><category>PostCSS</category><category>Vue.js</category><category>Babel</category><guid>https://magiclen.org/webpack</guid><pubDate>Tue, 20 Aug 2019 12:00:16 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>您的網站真的符合規範嗎？快來驗證看看吧！</title><link>https://magiclen.org/w3c-validate</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2014/08/shut-002-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2014/08/shut-002-220x162.png 1x, https://magiclen.org/wp-content/uploads/2014/08/shut-002-440x324.png 2x, https://magiclen.org/wp-content/uploads/2014/08/shut-002-660x486.png 3x" alt="">
現在許多人都會架網站、寫網頁，相較於其他需要大量資料結構和演算法的專業知識來輔助開發的程式語言，在網站架設與網頁設計這塊領域所需要的技術門檻相對較低，而且網路上還可以找到許多相關的開發套件，只要拿來東湊西湊，就可以搞出一個還蠻像樣的網站。這樣的網頁雖然看似可以正常瀏覽，但其實都是我們所用的網頁瀏覽器在辛苦地幫我們過濾各式各樣的錯誤，而不同瀏覽器對於網頁有問題的地方之處理方式並不一定相同，因此可能也...]]></description><category>研究分享</category><category>網站應用</category><category>網路相關</category><category>CSS</category><category>HTML</category><category>HTML 5 Outliner</category><category>HTML5 Validator</category><category>W3C CSS Validation Service</category><category>W3C Markup Validation Service</category><category>W3C mobileOK Checker</category><category>W3C Unicorn</category><category>W3C Validator Suite</category><guid>https://magiclen.org/w3c-validate</guid><pubDate>Tue, 19 Aug 2014 15:14:01 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>JavaFX 學習之路－第四章：JavaFX 使用CSS美化介面</title><link>https://magiclen.org/javafx-css</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2014/04/7-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2014/04/7-220x162.png 1x, https://magiclen.org/wp-content/uploads/2014/04/7-440x324.png 2x, https://magiclen.org/wp-content/uploads/2014/04/7-660x486.png 3x" alt="">
JavaFX的圖形功能意外強大，連CSS也不忘支援。使用Netbeans開發JavaFX應用程式，加入CSS的方法十分簡單，就像新增一個class一樣。]]></description><category>研究分享</category><category>Java</category><category>CSS</category><category>Java</category><category>JavaFX</category><category>JavaFX學習之路</category><guid>https://magiclen.org/javafx-css</guid><pubDate>Fri, 4 Apr 2014 18:50:24 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>