CSS寫在HTML代碼的前面是一個很重要的概念。它通常被稱作“內聯 CSS ”，它使得你可以為標簽添加樣式，而無需創建CSS文件。

從技術上講，CSS內聯樣式是使用style屬性來實現的。例如：

<p style="color: red; font-size: 20px;">這是一個紅色的段落，字體大小為20像素</p>

如上代碼，style屬性包括了一些有用的樣式屬性，如文字顏色和字體大小。這些樣式將應用于此段代碼內的段落。

然而，內聯 CSS 的缺點是樣式很難重用。如果你需要樣式化多個元素，你需要復制和粘貼樣式屬性多次，這會實現難行并且難以維護。

因此，這個問題就由CSS文件解決了。CSS文件允許你創建一次樣式，然后在任何標記中添加上需要的類名或 ID 即可使用該樣式。簡而言之，CSS文件提高了CSS的可重用性與維護性。

總之，CSS寫在HTML代碼的前面可以幫助你快速實現內聯樣式，但也很難重用。相反，使用CSS文件可以帶來高度的可重用性與維護性。無論你選擇使用哪種方法，確保你盡量保持一致，并根據項目需要進行選擇。