在編寫 HTML 頁面時,除了定義內容外,還需要考慮頁面的布局和樣式,這就需要使用層疊樣式表(CSS)來定義。HTML 頁面通過鏈接外部樣式表或在內部定義樣式來實現對頁面的樣式控制。
CSS 可以在 HTML 頁面內部定義,也可以在外部定義并鏈接到 HTML 頁面中。在 HTML 頁面內部定義 CSS,需要使用
<style>標簽來包裹 CSS 代碼,如下所示:
<head> <style> body {background-color: #f0f0f0;} h1 {color: red;} p {font-size: 18px;} </style> </head>
在上面的例子中,
<style>標簽包裹了一組 CSS 樣式定義,其中用 body、h1 和 p 選擇器來分別設置了頁面的背景顏色、標題字體顏色和段落字體大小。
如果想在 HTML 頁面中鏈接外部 CSS 文件,則需要使用
<link>標簽,在
<head>標簽內添加一個鏈接到 CSS 文件的代碼行,如下所示:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
其中,
rel="stylesheet"用于指示鏈接的是樣式表,
type="text/css"用于指定文件類型,
href="style.css"則為 CSS 文件的路徑。
通過 HTML 內定義 CSS,我們可以為頁面端定義需要的樣式,提高頁面的可讀性和用戶體驗。
上一篇css實現顏色淡化
下一篇html代碼和css