本题地址： "https://github.com/YvetteLau/Step By Step/issues/8" 语义化意味着顾名思义，HTML5的语义化指的是合理使用语义化的标签来创建页面结构，如header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语 ...
分类：
Web程序 时间：
2019-11-26 13:33:08
阅读次数：
90
1. 文件标签：构成html最基本的标签 * html:html文档的根标签 * head：头标签。用于指定html文档的一些属性。引入外部的资源 * title：标题标签。 * body：体标签 * <!DOCTYPE html>：html5中定义该文档是html文档 2. 文本标签：和文本有关的 ...
分类：
Web程序 时间：
2019-11-25 09:49:44
阅读次数：
88
前言 随着城市规模的扩大，传统的方式很难彻底地展示城市的全貌，但随着 3D 技术的应用，出现了 3D 城市群的方式以动态，交互式地把城市全貌呈现出来。配合智能城市系统，通过 Web 可视化的方式，使得城市管理者可以更及时地了解交通情况，城市消防，电力管理等方面的运行情况，做出处理。 本 demo 使 ...
分类：
Web程序 时间：
2019-11-25 09:49:11
阅读次数：
92
4 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。但相对线性渐变要比径向渐变复杂的多。 径向渐变的格式如下： radial-gradient([<起点>]? [<形状> || <大小>,]? <点>，<点>…) 径向渐变的参数描述如表1： 表 ...
分类：
Web程序 时间：
2019-11-25 09:46:03
阅读次数：
71
渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在 ...
分类：
Web程序 时间：
2019-11-25 09:41:40
阅读次数：
67
3 线性渐变实例 一、颜色从顶部向底部渐变 制作从顶部到底部直线渐变有三种方法，第一种是起点参数不设置，因为起点参数的默认值为“top”；第二种方法起点参数设置为“top”；第三种起点参数使用“-90deg”关键词。为top_bottom设置从顶部向底部的渐变，三种方法的CSS代码如下： 第一种方法 ...
分类：
Web程序 时间：
2019-11-25 09:40:46
阅读次数：
86
一、IntelliJ IDEA 介绍 Eclipse ->IBM 1.JetBrains 公司介绍 IDEA(https://www.jetbrains.com/idea/)是 JetBrains 公司的产品，公司旗下还有其它产品，比如： WebStorm：用于开发 JavaScript、HTML5 ...
分类：
其他好文 时间：
2019-11-24 09:24:16
阅读次数：
80
第十五章 使用Canvas绘图 HTML5添加的<canvas>元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。 如：<canvas id="drawing" width=" 200" height="200">A drawing of something ...
分类：
其他好文 时间：
2019-11-23 23:44:31
阅读次数：
82
继上一篇HTML5 Canvas（实战：绘制饼图)之后，笔者研究了一下如何给饼图加鼠标停留时显示的提示框。 Plot对象 在开始Coding之前，笔者能够想到的最easy的方式，就是给饼图的每一个区域添加mousemove事件，鼠标在其上移动时则显示对应的提示框，so easy！可事实不是这样子滴~ ...
分类：
Web程序 时间：
2019-11-23 22:04:18
阅读次数：
92
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4。 1 border-radius属性 CSS3圆角只需设 ...
分类：
Web程序 时间：
2019-11-21 10:09:07
阅读次数：
106
