CSS文件是控制網頁樣式的重要組成部分。它可以定義頁面元素的顏色、字體、大小、布局以及其他外觀特性。在CSS文件中,常見的內容包括:
/* 定義頁面的字體 */ body { font-family: Arial, Helvetica, sans-serif; } /* 定義頁面標題的樣式 */ h1 { color: blue; font-size: 36px; } /* 定義頁面鏈接的樣式 */ a { color: red; text-decoration: none; } /* 定義頁面背景顏色和圖片 */ body { background: #f1f1f1 url(background.jpg) no-repeat center center fixed; }
在CSS文件中,可以使用選擇器來選定要修改的元素。選擇器可以是標簽、類、ID等。它們可以單獨使用,也可以組合在一起使用,以便更準確地選擇元素。
/* 選擇ID為"logo"的元素,并設置其最大寬度 */ #logo { max-width: 200px; } /* 選擇"header"標簽下的所有"h1"和"h2"元素,并設置它們的顏色 */ header h1, header h2 { color: green; } /* 選擇class為"button"的所有元素,并添加陰影 */ .button { box-shadow: 2px 2px 5px grey; }
CSS文件還可以包含注釋,用于代碼的注釋和解釋:
/* 這是一個注釋,用于解釋下面的代碼 */ p { line-height: 1.5; margin-bottom: 20px; /* 這是一個行內注釋,用于解釋margin-bottom屬性 */ }
總之,在CSS文件中,可以定義各種樣式和特性,幫助網頁更加美觀、優雅。
下一篇div。head