```python"""vue: 为什么选择vue - 综合其他框架优点,轻量级,中文API,数据驱动,组件化开发,数据的双向绑定,虚拟DO 渐进式js框架 - 选择性控制 - 创建一个vue实例对象,关联一个挂载点 实例成员: el:body,html不能,通常用id,css3选择器语法 data... ...
分类:
其他好文 时间:
2020-04-23 23:09:44
阅读次数:
81
自动简历 项目介绍 一个可以自动播放书写过程简历,主要运用原生JS和CSS3的知识点。 用到的库: prism marked 相关链接 预览点我 源码点我 设计过程 基本思想—动起来 想办法让文字逐个出现在页面中 setTimeout(()=>{ document.body.innerHTML='1 ...
分类:
其他好文 时间:
2020-04-23 12:15:31
阅读次数:
63
用object-fit和object-position来处理图片 MDN:object-fit MDN:object-position 半深入理解CSS3 object-position/object-fit属性 用百分比设置图片宽高 方式一:width:100% height:100% div { ...
分类:
其他好文 时间:
2020-04-20 13:32:16
阅读次数:
88
想到以往默哀日访问网站时发现整站会变成全灰,即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力,那会不会有css可以直接处理所有的元素将他们变灰,随即想到了css3的filter(滤镜),并也证实了这一想法的可行性。 filter: grayscale 使用可以调整元素的灰度值 .gr ...
分类:
Web程序 时间:
2020-04-20 13:29:21
阅读次数:
97
因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。 坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法,最终的方法基本都是改动画规则,比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: transla ...
分类:
Web程序 时间:
2020-04-20 11:49:12
阅读次数:
281
标签选择器 1.什么标签选择器: 2.作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性. 3.注意点: 标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 只要是HTML中的标签就可以作为标签选择器(h/a/img/u ...
分类:
Web程序 时间:
2020-04-20 00:53:40
阅读次数:
80
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(八)布局——高度塌陷最终方案</title> <style> *{ margin: 0; padding: 0; } .box1{ border: ...
分类:
Web程序 时间:
2020-04-19 17:52:44
阅读次数:
83
1.效果示例 2.html代码 3.css代码 ...
分类:
Web程序 时间:
2020-04-19 13:16:06
阅读次数:
252
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3初识(三)布局——盒子模型的尺寸、轮廓、阴影与圆角</title> <style> *{ /*在通配符里将默认样式清空(不完整)*/ margin: 0 ...
分类:
Web程序 时间:
2020-04-19 12:52:11
阅读次数:
73
链接:https://www.cnblogs.com/lcchuguo/p/5372567.html text-wrap 各浏览器弃用了,,, CSS3属性—— line-clamp控制文本行数 链接:https://www.cnblogs.com/jing-tian/p/11048853.html ...
分类:
Web程序 时间:
2020-04-18 15:57:08
阅读次数:
75