CSS3是一门前端技术中不可或缺的语言之一，可以用来美化网页、制作动画效果等等。那么，CSS3有哪些基本的特性呢？

1. 属性选择器

[class="box"] {
border: 1px solid #ccc;
}

属性选择器可以根据元素的属性值来选择元素，并为其添加样式。在上述的例子中，选择了class值为“box”的元素，并为其添加了一个1px的灰色边框。

2. 伪类和伪元素

a:hover {
color: red;
}
p::first-letter {
font-size: 2em;
color: blue;
}

伪类和伪元素可以用来选择特殊的元素，如鼠标悬停在链接上时改变链接的颜色，或者设置首字母的样式。在上述的例子中，当鼠标悬停在链接上时，链接的颜色会变成红色；而对于段落的首字母，则会变成2倍大小的蓝色字体。

3. 盒子模型

.box {
box-sizing: border-box;
width: 200px;
padding: 20px;
border: 1px solid #ccc;
}

CSS3的盒子模型可以控制元素的宽度、内边距和边框。在上述的例子中，设置了一个宽度为200px的盒子，并在盒子内添加了20px的内边距和1px的灰色边框。同时，通过box-sizing属性将元素的内边距和边框计入元素的总宽度中，确保元素大小始终不变。

4. 变形和过渡效果

.box {
transform: scale(1.2);
transition: transform 1s;
}
.box:hover {
transform: rotate(30deg);
}

CSS3中的变形和过渡效果可用来创建各种动画效果，例如放大元素、旋转元素等。在上述的例子中，将盒子放大1.2倍，并添加了一个1秒的过渡效果。当鼠标悬停在盒子上时，则会将盒子旋转30度。

综上所述，以上就是CSS3的基本特性，这些特性可以用来实现一些简单的网页样式和动画效果，帮助我们打造更加出色的前端页面。