动画原理 SVG动画，就是元素的属性值关于时间的变化。 如下图来说，元素的某个属性值的起始值（from）到结束值（to）在一个时间段（duration）根据时间函数（timing-function）计算出每一帧（frame）的插值（interpolation）作为变换的行为。 PS：SVG动画是帧动画，在S...

2018-06-24 00:35:52

这篇文章是对于编程小白新手来说的,对于已经在编程路上蹦跶的菜鸟,老鸟,大牛,请忽略~~哈哈! 1.打字速度是必备的素养！ a) 打字速度是必备的素养！ b) 可以使用市面上常见的打字练习工具,比如金山打字通等.不要练习中文打字，只练习英文打字就行了。英文文章一定要练习...

2018-06-24 00:35:52

在网页编辑时，通常要对样式进行各种设置。我们借助CSS样式设计中的选择器，就能很好很方便的对它们进行管理和设置了。 今天，跟大家分享一下几个常用的选择器：id选择器、类选择器、属性选择器。 id选择器： 为标有特定id的html元素来指定特定的样式，以#来定义。 例...

2018-06-24 00:35:47

当前的应用设计风格趋于Flat扁平化，很多基于BootStrap实现了很多UI非常漂亮的管理界面(Bootstrap admin template)。 此核心文件开源在Github:https://github.com/JackWangCUMT/AdminLTE-Menu-Generate。首先看一下主界面： 查看左边导航的菜单html结构( 下面代码有错...

2018-06-24 00:35:43

article标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 HTML5:article/article HTML4:div/div aside标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关...

2018-06-24 00:35:42

方案一 位置 属性名 值 意义 父div text-align center 让子元素居中 子div display inline-block 可以将对象呈递为内联对象，但是对象的内容作为块对象呈递。inline-block的宽度是其中文字的宽度。 子div text-align left 让子元素中的文字不继承父div 的 text-align:c...

2018-06-24 00:35:39

知识点： 一、table tr td 属性 二、表单元素 -------------------------------------------------------------------------------------------------------------------------------------------- 一、table tr td 属性 table属性： border 边框 默认0 align 水平位置...

2018-06-24 00:35:40

众所周知，用CSS3的圆角、转换可以画出各种不同的形状，制作不同的图案，早些前先驱者已画出经典的叮当猫，iphone手机等展示CSS3的强大实力，趁最近有空我也对CSS3进行了一些实践，颇有收获。 用border边框属性可以画出各种三角形，矩形，用border-radius可以画出何种...

2018-06-24 00:35:37

1.水平居中设置 行内元素居中设置：如果被设置元素为文本、图片等行内元素时，水平居中是通过给 父元素 设置 text-align:center 来实现的。代码示例如下： HTML代码 body div class ="txtCenter" 我想要在父容器中水平居中显示。 / div / body CSS代码 style .txtCente...

2018-06-24 00:35:35

每次要用到图标的时候都会到 icono 去copypaste，但每次用到的时候尺寸都各不一样，总是要调整参数，巨烦。当然你可以会想到用zoom、scale来做缩放，但是这样的缩放会使得线宽也变粗了，不甚满意。 终于下定心思来改造一个可缩放的图标库。 github先上：https://github...

2018-06-24 00:35:30