CSS是一种用于网页设计的语言，它有四种主要特性，分别是层叠性、继承性、优先级、盒模型。

层叠性

/*样式1*/
h1 {
    font-size: 36px;
    color: red;
}
/*样式2*/
h1 {
    font-size: 18px;
    color: blue;
}

在这个例子中，我们有两种不同的h1样式。但是，由于CSS具有层叠性，第二个样式会覆盖第一个样式。这就是所谓的“后者居上”原则。层叠性允许您在一个样式表中定义多个样式，并使用相同的选择器选取元素，而不用担心冲突。

继承性

body {
    font-family: Arial, sans-serif;
}
h1 {
    color: blue;
}

在这个例子中，我们将全局字体设置为Arial，sans-serif。由于CSS具有继承性，<h1>元素会继承这个字体，除非我们在声明样式表中明确地覆盖它。继承性让您可以将样式应用于一个元素，然后利用继承该样式的元素用作其子元素的样式。

优先级

/*样式1*/
h1 {
    font-size: 24px;
}
/*样式2*/
#special-heading {
    font-size: 36px;
}
/*样式3*/
.special {
    font-size: 18px;
}

在这个例子中，我们有三个不同的h1样式。但是，所有的样式都有一个不同的优先级，从高到低分别是id选择器、类选择器、元素选择器。这就是所谓的优先级。如果元素具有多个样式，那么将会应用优先级最高的那个样式。

盒模型

.example {
    width: 200px;
    border: 2px solid black;
    padding: 10px;
    margin: 20px;
}

在这个例子中，我们定义了一个元素的大小、边框、内边距和外边距。这就是所谓的盒子模型。CSS中的所有元素都是矩形框，具有四个属性：内容区域、内边距、边框和外边距。通过控制这些属性，可以控制元素的外观和布局。