在網頁設計中,CSS(層疊樣式表)是必不可少的一部分。除了在html文件中以行內樣式的形式設置樣式外,還有兩種常用的方式:內部樣式表和外部樣式表。
內部樣式表是將CSS代碼直接放入HTML文件的頭部,在<head>標簽內使用style標簽來定義。它的優勢在于可以在同一文檔內使用多個樣式表,且不會影響其他頁面的樣式。以下是一個例子:
<head> <style> body { font-size: 16px; } h1 { color: red; } </style> </head>
在上面的例子中,我們定義了body元素的字體大小為16px,以及h1元素的文字顏色為紅色。
另一種方式是外部樣式表,它將CSS代碼放在一個獨立的文件中,然后在HTML文檔中通過link標簽引入。這種方式的好處在于可以使樣式與內容分離,方便維護和修改,同時可以被多個頁面共享。以下是一個外部樣式表的例子:
<head> <link rel="stylesheet" href="style.css"> </head>
在上面的例子中,我們使用了link標簽引用了一個名為style.css的樣式表文件。該文件中的CSS代碼如下:
body { font-size: 16px; } h1 { color: red; }
以上就是CSS嵌入式樣式的介紹,通過它我們可以方便地設置頁面的樣式,讓網頁更加美觀和易讀。