css3知识点总结
 
CSS3知识点复习整理
  一、css3模块
  1.选择器 2.框模型 3.背景和边框 4.文本效果 5.(2D、3D)转换 6.动画 7.多列布局 8.用户界面
  二、css3边框
  1.border-radius
  2.box-shadow
  3.border-image
  三、css3背景
  1.background-size
  2.background-origin
  3.background-clip
  四、文本效果
  1.text-shadow
  2.word-wrap
  五、css3字体
  @font-face网络字体，可自行更改。
  六、2D转换
  1.translate:通过 translate() 方法，元素从其当前位置移动，根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数
  2.rotate:通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。
  3.scale:通过 scale() 方法，元素的尺寸会增加或减少，根据给定的宽度(X 轴)和高度(Y 轴)参数
  4.skew:通过 skew() 方法，元素翻转给定的角度，根据给定的水平线(X 轴)和垂直线(Y 轴)参数
  5.matrix:matrix() 方法把所有 2D 转换方法组合在一起。matrix() 方法需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。
  七、3D转换
  1.rotateX()：通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。
  2.rotateY()：通过 rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。
  八、CSS3过渡
  通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。
  CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
  要实现这一点，必须规定两项内容：
  1.规定您希望把效果添加到哪个 CSS 属性上
  2.规定效果的时长
  九、CSS3动画
  通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。
  @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。
  当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。
  通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
rotate属性  规定动画的名称
  规定动画的时长
  动画是使元素从一种样式逐渐变化为另一种样式的效果。
  请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。
  0% 是动画的开始，100% 是动画的完成。
  为了得到最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。
  您可以改变任意多的样式任意多的次数。
  十、css3多列
  1.column-count:column-count 属性规定元素应该被分隔的列数
  2.columm-gap:column-gap 属性规定列之间的间隔
  3.column-rule:column-rule 属性设置列之间的宽度、样式和颜规则。
  十一、css3用户界面
  在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。
  1.resize: 属性规定是否可由用户调整元素尺寸。
  2.box-sizing:属性允许您以确切的方式定义适应某个区域的具体内容。
  3.outline-offset:属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。
  “css3知识点总结”的还：
  1.大学生个人评价总结报告
  2.ui专业实习报告范文
  3.学习c#心得范文4篇
  4.中南大学生学年鉴定表

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。