CSS樣式是網(wǎng)頁設(shè)計(jì)中不可或缺的一部分。本文將介紹CSS中一些常見的樣式類型。
/* CSS代碼塊 */ body { /* 設(shè)置背景顏色 */ background-color: #f2f2f2; } h1 { /* 設(shè)置字體樣式 */ font-family: Arial, sans-serif; font-size: 32px; /* 設(shè)置文本對(duì)齊方式 */ text-align: center; } p { /* 設(shè)置字體顏色 */ color: #333; /* 設(shè)置行高 */ line-height: 1.5; /* 設(shè)置文本對(duì)齊方式 */ text-align: justify; } a { /* 去除下劃線 */ text-decoration: none; /* 設(shè)置鏈接顏色 */ color: #0077cc; }
以上CSS樣式包括:
背景樣式:可以控制網(wǎng)頁的背景顏色或圖片。
body { background-color: #f2f2f2; background-image: url(background.jpg); }
字體樣式:可以控制文本的字體、大小、顏色等屬性。
h1 { font-family: Arial, sans-serif; font-size: 32px; color: #333; }
文本對(duì)齊樣式:可以控制文本的對(duì)齊方式,包括左對(duì)齊、右對(duì)齊、居中對(duì)齊等。
h1 { text-align: center; } p { text-align: justify; }
鏈接樣式:可以控制鏈接的顏色和樣式。
a { text-decoration: none; color: #0077cc; }
行高樣式:可以控制文本的行高,以增強(qiáng)閱讀體驗(yàn)。
p { line-height: 1.5; }
以上是CSS樣式的一些常用類型,可以幫助網(wǎng)頁設(shè)計(jì)師更好地控制網(wǎng)頁的樣式效果。