HTML5和CSS是構建網頁的兩個重要組成部分,HTML5定義了網頁的結構和內容,而CSS則用于控制網頁的樣式和布局。其中,CSS是基于樣式規則來實現,而這些規則可以由樣式表統一管理。
/* CSS樣式代碼示例 */ body { font-family: Arial, sans-serif; background-color: #F5F5F5; } h1 { color: #008CBA; font-size: 36px; text-align: center; margin-top: 50px; } p { color: #333; font-size: 18px; line-height: 1.5; margin-bottom: 20px; }
CSS的樣式規則由選擇器和聲明組成,其中選擇器用于選中要應用樣式的HTML元素,而聲明則規定了要應用的樣式屬性和值。CSS樣式代碼可以通過以下方式應用到HTML文檔中:
/* 在HTML文件中應用CSS樣式 */網頁標題 Hello World!
This is a paragraph.
在HTML文檔的頭部中引入樣式表,可以使一個網站的所有網頁都應用統一的樣式規則,從而實現整體的風格和設計。同時,使用選擇器和聲明,可以方便地控制網頁中的各種元素,使其呈現出理想的樣式和布局。