HTML 中,要創建網頁的樣式,需要用到 CSS(層疊樣式表)。其中,CSS 的鏈接代碼,是將 CSS 樣式文件鏈接到 HTML 頁面中,來通過 CSS 來控制網頁的樣式。
CSS 的鏈接代碼通常寫在 HTML 的 head 標簽內,代碼如下:
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>在這個例子中,我們使用了 link 標簽鏈接了一個名為 styles.css 的外部樣式表。其中,rel 屬性指定文檔之間的關系,type 屬性指定 Link 標記的 MIME 類型,href 屬性指定外部樣式表的 URL 地址。 在 CSS 樣式文件中,我們可以定義網頁的各種樣式,如字體、顏色、布局等等。以下是一個簡單的 CSS 樣式文件:
body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #333; text-align: center; } p { font-size: 16px; line-height: 1.5; margin-bottom: 20px; }在這個樣式文件中,我們定義了 body、h1 和 p 三個元素的默認樣式。其中,body 元素的字體為 Arial,背景為淺灰色;h1 元素的顏色為深灰色,居中對齊;p 元素的字體大小為 16px,行間距為 1.5 倍,下邊距為 20px。當鏈接這個樣式文件到 HTML 文件中時,所有相應元素的樣式都將發生相應變化,從而控制了網頁的樣式。 總的來說,CSS 的鏈接代碼可以讓我們輕松地控制網頁的外觀和布局。通過在樣式文件中定義不同元素的樣式,我們可以使網頁變得更加豐富、獨特和專業。