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布局技术来控制元素的位置和大小,例如定位、浮动、网格布局等。