一、內聯樣式

內聯樣式也被稱為行內樣式。它是將 CSS 樣式直接應用于 HTML 元素的 style 屬性中的一種方式

<p style="color: blue; font-size: 16px;">這是一個帶有內聯樣式的段落。</p>

內聯樣式（Inline Styles）：
定義：將 CSS 樣式直接寫在 HTML 元素的 style 屬性中。
作用范圍：僅適用于特定的元素。
優點：簡單直接，能夠針對具體的元素提供個性化的樣式。
缺點：難以維護，當需要應用樣式到多個元素時，代碼變得冗長且重復。

二、外部樣式表

<link rel="stylesheet" href="./style.css">

定義：將 CSS 樣式規則寫入一個獨立的 .css 文件中，并通過鏈接（）標簽引入到 HTML 文檔中。
作用范圍：可在整個網站或文檔中使用。
優點：易于維護，可以在多個頁面共享樣式，減少重復代碼。
缺點：相對于內聯樣式，引入外部樣式表需要額外的網絡請求。

三、 內部樣式表

<style>tr {mso-height-source: auto;mso-ruby-visibility: none;}
</style>

定義：在 HTML 文檔內使用 的 HTML 文檔內。
優點：與外部樣式表類似，能夠在整個文檔內使用，并可以與 HTML 結構緊密關聯。
缺點：樣式表與內容混合，當樣式較多或需要在多個頁面共享時，難以維護。

總結

總結起來，內聯樣式適用于少量特定元素的個性化樣式，外部樣式表適用于整個網站或文檔的樣式定義和共享，而 內部樣式表則適用于樣式與特定 HTML 文檔緊密關聯的情況。選擇適當的方法取決于項目需求、代碼維護性和性能要求。

具體想用哪個，自己看情況哈

trouble

一個表格，在我的電腦上顯示樣式沒問題，在我同事的電腦上顯示是有問題的，用的是style引入的樣式，同事的電腦上沒有正確引入，同樣的代碼，我這邊是可以的，可能是瀏覽器的兼容問題吧，具體情況也不是很清楚，最后改成行內樣式是解決了

結束啦~~~~~~~~~