在網頁制作中,CSS是不可或缺的一個部分,它可以控制網頁的外觀和樣式。下面我們就來看一下如何使用CSS來創建網頁樣式。
<head> <style type="text/css"> /* 這里是CSS代碼 */ </style> </head>
首先,在網頁的頭部(
<head>標簽中)添加一段CSS代碼。其中,
<style>標簽用來定義CSS樣式,
type="text/css"表示這是一個CSS樣式表。
body { font-size: 14px; line-height: 1.5; background-color: #f5f5f5; }
現在,我們可以來嘗試著給網頁添加一些樣式。例如,我們可以給網頁的背景色設置成灰色:
background-color: #f5f5f5;。
h1 { font-size: 24px; font-weight: bold; color: #333; text-align: center; }
接著,我們還可以為網頁中的標題(
<h1>標簽)設置字體大小、顏色、字體加粗和居中等樣式。
p { font-size: 16px; color: #666; text-align: justify; margin: 10px 0; }
同樣地,我們還可以為網頁中的正文段落(
<p>標簽)設置字體大小、顏色、文本對齊方式,以及上下邊距(
margin: 10px 0;)等樣式。
通過上面的簡單示例,我們可以看到,使用CSS為網頁添加樣式非常方便,只需要定義一些CSS屬性,就可以實現各種不同的樣式效果。當然,CSS還有更多的用法和技巧,需要我們在實際編寫網頁時不斷摸索。
下一篇css并排居中