css右移,css闪烁样式,css发散光点,css和php文件连接,css3 双层边框,css简单实现照片墙,css3弹性盒模型兼容性
@ 相同类名怎么选择第二个?
css就近原则,只要将需要引用的类放到离html标签近就可以了
@ css规则定义有哪些选择符?
css选择符(选择器)有以下这些:
1、通配选择符( * ):匹配任意元素。
2、id选择符( # myid):匹配 ID 等于“myid”的任意元素 。
3、类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、标签选择符(div, h1, p):选择指定元素名称的所有元素。
5、相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。
6、子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是 <ul> 元素的每个 <li> 元素。(学习视频分享:css视频教程)
7、后代选择符(E F):用于选取元素内部的元素。
8、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。
@ 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、兼容性问题