CSS样式可以分为内部样式和外部样式。其中外部样式表可以使用标签加载，而内部样式则可以使用标签嵌入到页面中。
CSS的样式类型有许多种，包括结构样式、字体样式、背景样式、边框样式、定位样式等等。
CSS的样式可以层叠，也就是说相同的样式规则可以应用于多个元素，而且它们之间可以相互影响。
/* 外部样式表 */
<link rel="stylesheet" type="text/css" href="style.css">
/* 内部样式表 */
<style type="text/css">
body {
font-family: Arial, sans-serif;
}
</style>
/* ID选择器 */
#header {
background-color: #333;
color: #fff;
}
/* 类选择器 */
.button {
background-color: #4CAF50;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
}
/* 子选择器 */
nav > ul {
list-style: none;
}
/* 属性选择器 */
a[href="https://www.baidu.com/"] {
color: #333;
}
/* 伪类选择器 */
a:hover {
text-decoration: underline;
}以上代码示例包括了外部样式表、内部样式表以及一些常见的样式类型及其对应的选择器。通过层叠这些样式，大家可以实现更加丰富的网页效果。
需要注意的是，当多个选择器的样式规则应用于同一个元素时，如果它们之间存在冲突，就会使用“层叠规则（cascading rule）”来计算哪个样式会被应用于该元素。层叠规则基于选择器的特殊性、权重值和来源进行计算。
CSS的层叠样式表功能丰富、灵活，使用起来需要一定的技能和经验，但只要掌握了基本的语法和规则，就可以轻松实现各种网页效果。