當前網頁的形式是由HTML和CSS共同構成的。HTML用于提供網頁的結構與內容,而CSS則負責頁面的樣式與布局。CSS主要通過為HTML元素添加樣式信息來實現對網頁的風格和布局的控制。
/* 以下是CSS代碼片段,用于設置當前頁面的樣式 */ body { font-family: Arial, sans-serif; /* 設置正文字體 */ font-size: 14px; /* 設置正文字體大小 */ line-height: 1.5; /* 設置正文行高 */ color: #333; /* 設置正文顏色 */ background-color: #fff; /* 設置背景顏色 */ } h1, h2, h3 { font-family: Calibri, sans-serif; /* 設置標題字體 */ font-weight: bold; /* 設置標題加粗 */ color: #0099cc; /* 設置標題顏色 */ } .container { max-width: 960px; /* 設置容器最大寬度 */ margin: 0 auto; /* 設置容器水平居中 */ padding: 20px; /* 設置容器內邊距 */ } .button { display: inline-block; /* 設置按鈕為內聯塊狀元素 */ padding: 10px 20px; /* 設置按鈕內邊距 */ background-color: #0099cc; /* 設置按鈕背景顏色 */ color: #fff; /* 設置按鈕文字顏色 */ text-decoration: none; /* 去掉按鈕文字裝飾線 */ border-radius: 5px; /* 設置按鈕圓角 */ } .button:hover { background-color: #0077b3; /* 鼠標懸浮時設置按鈕背景顏色 */ }
通過CSS的樣式設置,當前頁面可以實現設置字體、字號、顏色、行高、背景顏色等,同時也可以排版頁面中的各個元素,如容器、標題、按鈕等。