CSS是由三部分组成的：
selector {
property: value;
}
首先，CSS选择器定义了样式将应用于哪些元素。然后，CSS属性指定样式的类型，如颜色、字体大小、边距等。最后，属性值定义了样式属性要设置的值。
一个简单的例子：
body {
background-color: #FFF;
font-size: 16px;
color: #333;
}
在这个例子中，CSS将应用于文档的body元素。背景颜色，文本大小和颜色都被确定。你可以根据你的需要修改任何一个属性的值。
现在，让大家来看一下如何控制元素的边距和填充。
div {
margin: 10px;
padding: 20px;
}
在这个例子中，div元素将被设置为有10px的边距和20px的填充。这个div元素可以放置任何你想要的元素，这些元素将被包裹在这个div元素内。
选择器还可以通过元素的类来确定，例如：
.pink-text {
color: pink;
}
在这个例子中，.pink-text类将被设置为粉色文本颜色。你可以在任何元素中加入这个类，这个元素的文本颜色就会被设置为粉色。
CSS的另一个重要方面是@-规则，它可以添加特殊效果和样式。
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
在这个例子中，@media规则将在视口宽度小于767像素时应用。当视口宽度小于767像素时，body元素的字体大小将被设置为14像素。
最后，让大家来看一下如何使用层叠样式表。
div {
color: blue;
}
p {
color: red;
}
在这个例子中，如果一个p元素被包含在一个div元素中，这个p元素将被设置为红色，而不是蓝色。这是因为在CSS中，p元素的样式优先级比div元素的样式优先级高。
在实践中，CSS是一个非常强大和灵活的工具，它可以控制网页的外观和行为。希望这篇文章能够帮助你更好地理解CSS的各个方面，并为你的网页设计提供帮助。