<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script> </head> <body> ...
分类:
其他好文 时间:
2020-07-03 10:53:29
阅读次数:
66
MDN站点 使用技巧 01) 查看某个css的属性 比如查看 font-size 的是否继承属性 其他: 官网地址 MDN web Docs ...
分类:
其他好文 时间:
2020-07-03 10:45:53
阅读次数:
64
通用元素选择器 id选择器: class选择器: 组合选择器: div p{} 第一种:div元素后代的p元素 div下的p标签进行操作 匹配outer元素下的子元素c1 而下一级的即不同级的元素不算,即大于号后面就是儿子这一代的元素 ...
分类:
Web程序 时间:
2020-07-03 10:39:18
阅读次数:
82
Bootstrap进度条组件详解 首先需要导入相关bootsrap的组件包:bootstrap.min.css、jquery.min.js、bootstrap.min.js 等,这个就不多说了 在网页中,进度条的效果并不少见,如:平分系统、加载状态等,进度条组件使用了css3的transition和 ...
分类:
其他好文 时间:
2020-07-03 10:27:12
阅读次数:
39
CSS让我们的网页更加丰富多彩, 布局更加灵活自如。 CSS最大贡献就是: 让HTML从样式中脱离, 实现了HTML专注于去做结构呈现, 样式交给CSS 理想情况下: 结构(html)与样式(css)相分离 CSS初识 概念 CSS(Cascading Style Sheets), 通常称为CSS样 ...
分类:
Web程序 时间:
2020-07-03 10:26:44
阅读次数:
66
calc()使用通用的数学运算规则,但是也提供更智能的功能: >使用“+”、“-”、“*” 和 “/”四则运算; >可以使用百分比、px、em、rem等单位; >可以混合使用各种单位进行计算; >表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空 ...
分类:
Web程序 时间:
2020-07-03 10:25:35
阅读次数:
179
画两条边框,再旋转盒子45度 .box{ width: 7px; height: 7px; border-top: 2px solid red; border-right: 2px solid red; transform: rotate(45deg); } ...
分类:
Web程序 时间:
2020-07-03 01:05:55
阅读次数:
89
ZTree树型结构插件 一。介绍。当用户具有模块管理权限时候,一定要先具有父菜单Saas的访问权限。。zTree 是一个依靠 jQuery 实现的多功能 “树插件”。 应用场景:权限菜单 二:文案提供的使用文件,看附件 三:使用。实现zTree的步骤 第一步:拷贝如下引入的css/js文件到项目的z ...
分类:
其他好文 时间:
2020-07-02 22:06:31
阅读次数:
104
前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像,常用于展示用户头像,我们知道 CSS 有 border-radius 属性,但是 Canvas 是没有的~😂 很尴尬,我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 ...
分类:
其他好文 时间:
2020-07-02 21:44:20
阅读次数:
78
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制,移动到其父元素中指定位置的过程。 语法: float . left . right . none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设置宽高,它的宽等同于内容的宽高.即使行内元素 ...
分类:
Web程序 时间:
2020-07-02 21:35:35
阅读次数:
76