CSS是Cascading Style Sheets的縮寫,用于定義網頁的外觀和布局。它是實現網頁樣式的一種基本工具,可以決定網頁的字體、顏色、背景、邊框、間距、布局等各種視覺效果。
在學習CSS之前,讓我們來了解一下如何使用CSS開始一個網頁。在HTML文件中,我們需要使用<link>標簽來引入CSS樣式表。下面是一個簡單的HTML文檔示例:
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Welcome to My Website!</h1> <p>This is my first website using CSS.</p> </body> </html>
在上面的示例中,<link>標簽引用了名為style.css的CSS樣式表。需要注意的是,CSS樣式表應該與HTML文件在同一個文件夾中。
接下來,我們需要編寫CSS代碼來定義網頁的樣式。CSS代碼應該存儲在style.css文件中,具體的CSS語法和屬性在之后的學習中會詳細介紹。下面是一個簡單的CSS代碼示例:
body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #ff0000; } p { color: #000000; font-size: 18px; }
在上面的示例中,我們定義了網頁的背景色、字體以及標題和段落的顏色和大小。
最后,在瀏覽器中打開HTML文件,我們就會看到一個簡單的網頁。這個網頁的樣式有很大的改進空間,但這里只是為了演示如何使用CSS開始一個網頁。
上一篇css 設置div邊框
下一篇css 輸入框不能輸入