<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } a{ text-decoration: none; col ...
分类：
Web程序 时间：
2019-01-12 13:24:02
阅读次数：
259
JS/CSS 全屏幕导航 – 从上到下动画，看文章前想一下动画是怎么实现的，改变css,那要怎么改变dom操作，或者css3的动画属性，animate ，@keyframe ...
分类：
Web程序 时间：
2019-01-12 13:12:33
阅读次数：
431
@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。 动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。 请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% ...
分类：
Web程序 时间：
2019-01-12 12:03:33
阅读次数：
999
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before ...
分类：
其他好文 时间：
2019-01-12 10:37:58
阅读次数：
197
在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。 CSS2.1 background color 使用的背景颜色。 background image 使用的背景图像。 background repeat 如何重复背景图像。 ...
分类：
Web程序 时间：
2019-01-11 22:12:26
阅读次数：
1287
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"><defs> <radialGradient id="radialGradient_r1" cx="50%" cy="50%" r="0% ...
分类：
Web程序 时间：
2019-01-11 18:02:51
阅读次数：
161
1、Bootstrap的介绍和响应式 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、javascript 的，它简洁灵活，使得 Web 开发更加快捷。 它用于开发响应式（自适应）布局、移动设备优先的 WEB 项目。 CSS3 的 @ ...
分类：
其他好文 时间：
2019-01-11 17:14:49
阅读次数：
191
1. <!DOCTYPE html><html><head><style>*{margin:0px;padding:0px;}#div1{position: relative;height: 200px;width: 200px;margin: 100px;padding:10px;border: ...
分类：
其他好文 时间：
2019-01-11 11:39:34
阅读次数：
229
CSS3 filter(滤镜) 属性 filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。 定义和使用 | 默认值 | none | | : : | : : | | 继承 | no | | 动画支持 | 是。详细可查阅 CSS 动画 | | 版本 | CSS3 | | JavaS ...
分类：
Web程序 时间：
2019-01-11 00:06:32
阅读次数：
177
1. 圣杯布局 2. CSS合并方法 3. 盒子模型 4. CSS定位 5. CSS动画原理 6. CSS3动画（简单动画的实现，如旋转等） 7. CSS不同选择器的权重(CSS层叠的规则) 8. flexbox布局 9. 块级元素和行内元素的异同 10. CSS在性能优化方面的实践（比方说选择器的 ...
分类：
Web程序 时间：
2019-01-11 00:02:01
阅读次数：
347
