一、transition过渡不支持display属性 css3过渡transition不支持display属性，我们可以使用opacity或者visibility属性进行替换。相关的案例可以查看上一篇博文：【功能】关于页面加载进度条百分比实现的伪方法 二、display、opacity、visibi ...
分类：
其他好文 时间：
2020-03-11 11:07:12
阅读次数：
69
CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ，100% 是动画的 完成 ，这样的规划就是动画序列 再 中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果 ...
分类：
Web程序 时间：
2020-03-09 21:08:55
阅读次数：
81
CSS 过渡 过渡(transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果 过渡动画： 是从一个状态渐渐的过渡到另外一个状态 可以让我们页面跟好看，更加动感十足，虽然低版本游览器不支持(i ...
分类：
Web程序 时间：
2020-03-08 22:01:08
阅读次数：
102
1. 坐标系 | 注意：在页面开发中，css的2D、3D效果都需要坐标系的相关概念 | 在2D动画中，坐标系有两条轴，一条是X轴，一条是Y轴 | 在3D动画中，坐标系多个一个轴，那就是纵深轴(Z轴) 2. 定义方式 transform | none: 没有效果 | translate(x,y)：定义 ...
分类：
其他好文 时间：
2020-03-08 21:46:25
阅读次数：
69
总结一下伪类与伪元素的特性及其区别： 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息； 伪元素本质上是创建了一个有内容的虚拟容器； CSS3中伪类和伪元素的语法不同； 伪类 :link :hover 伪元素 ::before ::after 可以同时使用多个伪类，而只能同时使用一个伪 ...
分类：
其他好文 时间：
2020-03-08 21:41:08
阅读次数：
59
CSS3中的阴影属性包括文本阴影属性和盒子阴影属性。 一、文本阴影属性text-shadow 书写方式：text-shadow：x y a c; 1）x代表的是水平方向的距离值（该值必须有，并且支持负值） 2）y代表的是垂直方向的距离值（该值必须有，并且支持负值） 3）a代表的是阴影的模糊程度（不支 ...
分类：
Web程序 时间：
2020-03-08 19:56:30
阅读次数：
406
通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及JavaScript。 CSS3动画有哪些实现方式？ Transitions 、transforms和 Animations Transitions特点：平滑的改变CSS的值 transforms特点：变换主要实现 ...
分类：
Web程序 时间：
2020-03-08 17:56:22
阅读次数：
161
多列布局类似报纸或杂志中的排版方式，主要用以控制大篇幅文本。 多列属性 1、column-count 属性规定元素应该被分隔的列数 适用于：除table外的非替换块级元素, table cells, inline-block元素 2、column-gap 属性规定列之间的间隔大小 3、column- ...
分类：
Web程序 时间：
2020-03-08 16:04:22
阅读次数：
91
文本阴影属性 text-shadow 说明：水平、垂直阴影的位置允许负值 可进行多阴影设置(逗号分隔的方式) 文本换行 Word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 属性值： normal 说明：只在允许的断字点换 ...
分类：
Web程序 时间：
2020-03-08 15:41:58
阅读次数：
81
# CSS层叠样式表 ## CSS层叠样式表 - CSS的作用 - HTML结构和CSS样式如何关联到一起(CSS引入方式) > CSS作用：给HTML元素添加静态或者动态（JS）的CSS样式 ### CSS的引入方式 面试题 - 行内式:直接写在html标签的后面，在通过标签属性style来引入的 ...
分类：
Web程序 时间：
2020-03-08 14:02:01
阅读次数：
68
