CSS是一種用于網頁設計的樣式表語言，可以用來美化網頁的外觀和排版風格。在網站設計中，主頁與子頁是非常重要的兩個頁面，因此對于這兩個頁面的設計和布局，我們可以使用CSS來實現。下面將教大家如何運用CSS來創建主頁和子頁。

首先是主頁的設計。在這個頁面中，需要注意網頁的整體布局，如何將所有內容有機地組合起來呈現在用戶面前。通過CSS，我們可以控制文本、圖片和超鏈接的顏色、大小、字體和排版等方面。例如，可以使用CSS中的“background-image”屬性來設置背景圖片，使用“font-family”屬性來設置字體樣式。

body {
background-image: url("../images/background.jpg");
background-size: cover;
font-family: Arial, sans-serif;
}

下面是子頁的設計。在這個頁面中，需要突出每個子段的主題，并使內容更易于閱讀和理解。除了顏色和排版，我們還可以使用CSS中的“transform”屬性來實現一些有趣的效果，如旋轉和縮放。例如，可以使用“transform: rotate()”來使標題文本旋轉一定角度。

h1 {
font-size: 2.5rem;
color: #333;
transform: rotate(-10deg);
}

在這里，我們簡單地介紹了如何使用CSS來設計主頁和子頁的基本知識。當然，真正的網站設計和實現還需要更多的技巧和經驗，例如控制頁面布局的“float”和“position”屬性，以及制作響應式頁面的媒體查詢技術等。希望這篇文章對于初學者能有所幫助。