@ 伪类选择器和伪元素选择器的区别?
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
@ css中如何做出鼠标悬浮?
css如何设置鼠标悬浮时的样式首先是通过css的hover属性值来显示的,hover伪类:在鼠标移到元素上时向此元素添加特殊的样式。比较普通的就是一个url,当你鼠标放上去后,会变颜色。
在现实的应用场景也非常之多。最常见的是网站的悬浮导航,当鼠标放到导航条上时,会出现颜色变化或者元素自动伸出菜单栏。
@ css3新增功能?
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、布局相关样式:多栏布局、盒布局、弹性盒布局
11、兼容性问题