在網頁開發中，CSS樣式是非常重要的一部分。而CSS樣式有兩種引入方式，分別是內聯（inline）和外鏈（external）兩種方式。它們之間有何不同呢？下面就來一起學習一下。
首先，我們來看一下內聯樣式表。內聯樣式表是將CSS樣式直接寫在HTML標簽內部的一種方式。我們在HTML文檔的head標簽內用style標簽來定義內聯樣式，并在body標簽中使用它。
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p style="background-color: gray;">我是一段使用了內聯樣式表的文字。</p>
</body>上面的代碼展示了一個使用內聯樣式的段落。可以看到，這個段落標簽內部設置了一個background-color的屬性，而這個屬性并沒有在內聯樣式表中定義。這個方式的優點是樣式簡單，可以快速的定義一個小的頁面，但當頁面變得復雜時，內聯樣式表就會使HTML文件變得難以維護。
外鏈樣式表則是將CSS樣式定義在外部文件中，通過link標簽在HTML文檔中引入。我們可以將所有的樣式寫在一個獨立的文件中，然后通過link標簽引用它。這樣，HTML文檔就變得很簡潔明了，并且可以分離出CSS樣式表形成一個單獨的文件，方便管理。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>我是一段使用了外鏈樣式表的文字。</p> <div> <p>我是一個使用了外鏈樣式的DIV容器中的段落。</p> </div> </body>
上面的代碼很清晰明了地展示了外鏈樣式表的引入方式。我們可以看到，只需要引入一個外部的style.css文件，就可以將需要定義的所有樣式都寫在這個獨立文件中。而這個文件可以在任何頁面中使用。這個方式的優點是能夠讓HTML文檔變得簡單易于閱讀和維護。
以上就是CSS內聯樣式表和外鏈樣式表的區別。雖然兩種方式都能實現頁面的樣式修改，但外鏈樣式表的方式更適合于大型網站的開發。使用外鏈樣式表可以讓頁面更為簡潔并且易于管理。
上一篇css內的圖片不顯示
下一篇css內嵌超鏈接