作为一名程序媛在编写页面的时候经常还会遇到水平或者垂直居中的一些布局今天正好有空就把各种居中的方式都总结了一下分享给大家希望能给大家带来帮助 1.已知宽高背景图与背景图上的文字都水平垂直居中 .img-bg{ position: absolute; background: url("http://s ...
分类：
Web程序 时间：
2020-03-14 19:50:53
阅读次数：
70
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 17:00:38
阅读次数：
81
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:51:49
阅读次数：
61
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:42:57
阅读次数：
102
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 300px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:35:23
阅读次数：
105
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类：
Web程序 时间：
2020-03-14 16:24:10
阅读次数：
61
1. 表相关的函数 Table wise function application 2. 行(列)相关的函数 Row or column wise function application 3. 聚合 Aggregation API 4. 同时变换 Transform API 5. 元素相关的函数 ...
分类：
其他好文 时间：
2020-03-13 17:11:23
阅读次数：
55
SVG元素可以通过缩放，移动，倾斜和旋转来变换-类似HTML元素使用CSS transform来变换。然而，当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论SVG的transform属性和CSS属性，包括如何使用，以及你必须知道的关于SVG坐标系变换的知识。 这是我写的SVG ...
分类：
其他好文 时间：
2020-03-12 21:47:23
阅读次数：
58
一个应用场景是，点击一条路径，显示该路径的控制点。因为有transform变形( 平移、缩放、倾斜、旋转等变换)，所以获取变形后的新坐标需要计算。 纯数学的方法，就是用2D变换矩阵的一些公式去运算，过程稍微有点复杂。 不过好在SVG已经提供了丰富的API将一些矩阵运算封装了，非常实用，下面是Demo ...
@mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。 @include 指令可以将混入（mixin）引入到文档中。 定义一个混入 混入(mixin)通过 @mixin 指令来定义。 @mixin name { property: value; property: value; ... ...
分类：
其他好文 时间：
2020-03-12 15:47:38
阅读次数：
69
