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”属性，以及制作响应式页面的媒体查询技术等。希望这篇文章对于初学者能有所帮助。