第51课css38课时总复习.pptxVIP

CSS3总复习 知识回顾 CSS3 选择器 通用选择器 属性选择器 伪类选择器 CSS3 边框 圆角边框 多色彩边框 图像边框 CSS3 阴影 文本阴影 盒阴影 CSS3 背景 透明背景 渐变背景 背景原点控制 背景剪切控制 CSS3 蒙版 渐变与蒙版的融合 基本蒙版 形状蒙版 渐变蒙版 CSS3 倒影 渐变与倒影的融合 CSS3 变形 基本变形属性 矩阵 CSS3 分栏 CSS3 自适应布局 CSS3 过渡 CSS3 动画 习题测试 选择器 E[att^=”val”] E[att$=”val”] E[att*=”val”] 习题测试 1 2 3 4 5 6 7 8 9 0 :nth-child(2n) :nth-child(3n) 恢复 :nth-child(2n+1) :nth-child(3n+2) 习题测试 选择器 E:nth-of-type(n) E:nth-last-of-type(n) E:first-of-type E:last-of-type 习题测试 选择器 E:not(s) 习题测试 习题测试 border-colors的含义以及浏览器支持情况 习题测试 对边框设置圆角属性时，可以设置________个属性值进行控制 设置圆角边框属性时，水平方向与垂直方向的圆角属性使用___分开 使用border-radius进行边框四个角的设置顺序是______ 如果多色彩边框的边框宽度为10，而设置了5个色彩值，这5个色彩值分别占有____像素？ 习题测试 习题测试 习题测试 如下代码的运行结果是： A p{box-shadow:0px 0px 5px 5px rgba(153,153,238,1);} B p{box-shadow:5px 0px 5px 5px rgba(153,153,238,1);} C p{box-shadow:-5px 0px 5px 0px rgba(153,153,238,1);} 1 2 3 4 5 6 7 8 习题测试 border-box | padding-box | content-box background-clip background-origin有何区别 习题测试 习题测试 习题测试 Transform属性的格式书写方法 WEB中mask（蒙版）的属性特点是什么？ transform-origin改变的是旋转参考点还是参考线？ transform-origin默认值是什么 [a,b,c,d,e,f]变换矩阵 ___________个位置用于控制缩放 ___________个位置用于控制平移 ___________个位置用于控制扭曲（倾斜） ___________个位置用来控制旋转变形 习题测试 矩阵的书写方法（图表示） 习题测试 栏的数量 column-count 栏间距 栏高 column-width column-gap 栏间隔线 column-rule 间隔线样式 column-rule-style 跨栏显示 column-span : none; column-span : all; 连线 习题测试 flex-box：弹性布局的优点 弹性布局的属性有哪些 习题测试 效果目标 习题测试 计算红色和绿色弹性块的像素值 哪些属性添加在子元素上？ display:box box-orient box-direction box-flex box-align box-pack 习题测试 习题测试 文本框渐变效果 谢 谢