跑 ... css3新增选择器 基本选择器选择器 子元素选择器 [父元素 > 子元素] 选择父元素下子元素 相邻兄弟选择器 [子元素1 + 子元素2] 匹配子元素1紧跟在后面的子元素2，他们必须有一个相同的父元素 通用兄弟选择器 [子元素1 ~ 子元素2] 匹配子元素1后面的所有元素2的所有元素，他 ...
分类：
Web程序 时间：
2020-06-29 00:15:48
阅读次数：
103
今日学习内容： css3： fliter : blur(); （模糊化）数值越大越模糊 width : clac(100% - 10px); 计算盒子宽度 transition : width/all 1s/5s linear(匀速)、ease(逐渐慢下来)、easr-in(加速)、ease-out ...
分类：
其他好文 时间：
2020-06-28 00:19:19
阅读次数：
66
CSS编译器的出现 CSS经过多个版本的更迭，从CSS1 到 CSS3，历时多年。虽然新出了不少属性和规范，但 在语言本身的特性上，并没有本质的改变。尽管使用 @import 指令可以解决部分模块化的 问题，但还远远不够。但W3C官方似乎对这些问题视而不见，就是不解决，于是，随着前 端技术（特别是J ...
分类：
Web程序 时间：
2020-06-27 20:16:51
阅读次数：
124
为什么要使用CSS3？ 有效的传递页面信息使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容具有良好的用户体验 <span>标签 <span>标签 的作用能让某几个文字或者某个词语凸显出来 字体样式 属性名含义举例 font-fami ...
分类：
Web程序 时间：
2020-06-26 16:21:54
阅读次数：
124
这种效果自己可以基于 HTML5 和 CSS3 来实现垂直时间轴，需要循环遍历数据，判时间轴的长度，在做一定的适配，可以响应页面布局，在 PC 和移动手机上做到很好的自适应，但是需要一些对前端知识有一定的了解。 其实，通过报表工具实现那种垂直的时间轴记录表是很容易的，设置也很简单，通过带有一个带有时 ...
分类：
其他好文 时间：
2020-06-24 17:49:55
阅读次数：
99
最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ...
分类：
Web程序 时间：
2020-06-24 00:10:29
阅读次数：
97
布局是前端开发最基础作重要的技能，两列，三列布局是网站页面中应用最多的一种布局样式基本上是：左右结构左边是分类右边是内容，左中右结构，主要内容在中间，两边放次要内容。
在css刚刚兴起的时候页面的布局都是用的表格来实现的，随着css发展，各种浮动，定位布局开始流行，特别是css3的出现使得我们在实现... ...
分类：
其他好文 时间：
2020-06-24 00:07:16
阅读次数：
124
利用css3里transform:scale 缩放属性控制 .box{ width: 100px; height: 1px; background: red; transform: scale(1,0.5); //scale(x轴缩放，y轴缩放) } 利用css画三角形 div{ height:0; ...
分类：
其他好文 时间：
2020-06-22 17:19:20
阅读次数：
90
CSS3属性制作动画 如何在网页中实现动画效果？ 动态图片 Flash JavaScript CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 语法： transform:[t ...
分类：
Web程序 时间：
2020-06-22 13:10:23
阅读次数：
84
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也 ...
分类：
其他好文 时间：
2020-06-22 10:49:38
阅读次数：
31
