1、css3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器
2、使用选择器在页面中插入文字、图片、项目编号等内容
3、文字阴影与自动换行
4、各类盒模型：总体分为block类型和in line类型，在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型
5、盒模型相关的属性：overflow属性（内容溢出）、box-shadow属性（盒阴影）、box-sizing属性（宽高计算）
6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性
7、新增的边框样式：border-radius属性（圆角边框）、border-image属性（图片边框）
8、新增的 transform变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）
9、新增的动画功能：transition（平滑过渡）、animation（关键帧）
10、布局相关样式：多栏布局、盒布局、弹性盒布局
模板塌陷是指当一个元素的高度为0时，它所包含的元素会溢出到它的父元素中，导致页面布局混乱。解决方法有多种，其中一种是使用clearfix技巧，给父元素添加一个clearfix类，使其能够自动清除浮动。另外，也可以使用flexbox布局或者grid布局来解决模板塌陷问题。此外，还可以使用CSS3的伪类选择器after来给父元素添加一个清除浮动的元素，从而避免模板塌陷的问题。
1、引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。
2、接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
3、首先，自然是指定好触发变化颜色的事件，可以是经过触发等，这里我就点击即可触发颜色变化。
4、用css()便可以覆盖原来元素的样式了哦。
5、如果是修改元素单个样式，要用逗号隔开，不可以使用冒号哦。
6、这样就可以得到交互效果了，但是这只是一个样式的效果发生了变化，
7、可以用大括号裹住多个样式，逗号分隔样式，然后样式值用冒号
8、最后样式交互就大功告成了，多个样式就会被修改了
CSS可以通过以下方式更改元素的样式：
2. 使用CSS属性来设置元素的样式，例如color、font-size、background-color等。
3. 可以使用CSS伪类来更改元素的状态，例如:hover、:active等。
4. 可以使用CSS伪元素来添加特殊的效果，例如:before、:after等。
5. 可以使用CSS @media规则，针对不同的媒体类型和屏幕大小来设置不同的样式。
6. 可以使用CSS框模型来调整元素的空间占用、间距等。
7. 可以使用CSS布局技术来控制元素的位置和大小，例如定位、浮动、网格布局等。