CSS(層疊樣式表)是用于給HTML頁面添加樣式和布局的語言。在編寫HTML頁面時,可以把CSS代碼嵌入到HTML文檔中,也可以將CSS代碼鏈接到HTML文檔中的外部文件中。
嵌入式CSS代碼可以使用<style>標簽嵌入到HTML頁面中。例如:
<html> <head> <title>我的網頁</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #333333; text-align: center; } </style> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一個演示如何使用CSS來設置HTML頁面樣式的網頁。</p> </body> </html>
在上面的例子中,我們在<head>標簽中創建了一個<style>標簽,然后在其中定義了一些CSS樣式。這些樣式會應用于頁面中的元素,例如:body、h1等。
除了嵌入式CSS代碼,還可以將CSS代碼放在外部文件中,然后在HTML頁面中使用<link>標簽進行鏈接。例如:
//index.html <html> <head> <title>我的網頁</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一個演示如何使用CSS來設置HTML頁面樣式的網頁。</p> </body> </html> //style.css body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #333333; text-align: center; }
在上面的例子中,我們將CSS代碼放在了一個名為style.css的文件中,并使用<link>標簽將其鏈接到了HTML頁面中。
無論是使用嵌入式CSS代碼還是外部CSS文件,都可以幫助我們更簡單、更方便地對HTML頁面進行樣式和布局設置。
下一篇css怎么放在圖片中