ITDragon博客

用bootstrap做登入注册页面，使用validate做表单验证技术：bootstrap，font-awesome，jquery-validate；特点：响应式布局，表单验证（用户两次密码是否相同，必填信息是否填写）背景图片自适应屏幕大小；宗旨：从实战中学知识。个人主页：http://www.itit123.cn/ 更多干货等你来拿 （微信小程序入门教程：入门教程系列 ，提供免费的api接口，无需考虑服务端代码问题）。

JQuery实战训练，1.5秒返回页面，2.鼠标滑过显示内容，3.轮展图，4.返回顶部，5.右击显示菜单，6.内容编辑，7.购物车结算，实时更新。

js博客写完后，就要开始jquery之旅呢，我相信大家一定会爱上它jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)jQuery已经成为最流行的javascript框架，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。jQuery是免费、开源的，使用MIT许可协议。jQuery

我们继续学习js剩下的基础内容Math对象：常用的有向上取整Math.ceil(x) document.write(Math.ceil(3.3)+""); document.write(Math.ceil(-0.1)+""); document.write(Math.ceil(-9.9)+""); document.write(Mat

javascript的重要性不言而喻，一个友好优秀的网站是离不开js，让我们开启js之旅吧！我会重点讲讲jquery。JavaScript一种直译式脚本语言：是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给

只需要css就可以达到的效果：导航栏，图片选中透明效果，背景透明效果，自定义文字选中颜色导航栏水平菜单只需在纵向菜单的基础上去掉ul的宽度；li加浮动；然后改一些细节

布局是网站制作的第一步，让我们来了解一下怎么布局布局默认是流体布局，还有水平布局和定位布局。很多只是叫法不一样而已流体布局：在了解流体布局之前，我们应该先明白行内元素（内联元素），块元素和内联块元素块元素：div ; p ; h1~h6 ; ol ; ul ; dl ; table ; address ; blockquote ; form行内元素：a ; span ;

一张网页可以理解为多个div盒子组成。让我们先了解CSS 的框模型 (Box Model) 框模型：元素框处理元素内容、内边距、边框 和 外边距 的方式参考下图边框：border:1px solid red;1px 是边框的粗细，red是边框的颜色，solid是边框的样式border-width 边框宽度：一般用像素表示border-co

有页面就会有背景，开始怎么用css控制页面背景控制背景：background1 background-color: 规定要使用的背景颜色;2 background-position: 规定背景图像的位置;作用很大，目前普遍将很多张图片放到一张图片中，可以通过该方法获取某一图片3 background-size: 规定背景图片的尺寸;4 background-repeat:

CSS 层叠样式表 (Cascading Style Sheets)CSS 规则由两个主要的部分构成：选择器，声明选择器：标签选择器：直接用标签类选择器：. （标签被class修饰）ID选择器：#（标签被 id修饰，id只存在一个）子选择器：之前是用>，现在用空格隔开如 .class #id 标签通用选择器：如标签选择器和

canvas 画布基础学习整理的笔记，内容丰富有绘制矩形，绘制线条，绘制二次贝塞尔曲线，绘制弧线等。知识点在代码注释中效果图：代码： canvas 教程 canvas{background: #F9F9F9;border:1px solid #000;} .one,.two,.thr,.four{float:left;margi

学习笔记，暂存后续修改和完善svg简单了解，用的不是很多。效果图：代码： svg简介 <embed src="svg-demo.svg" width="300" height="160" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/inst

html5本地存储通过 localStorage /sessionStorage 对数据的简单存储本地存储之数据库html5离线存储待更新效果图：1. localStorage ：localStorage 没有时间限制的数据存储，也就是说，localStorage是永远不会过期的，除非主动删除数据。数据可跨越多个窗口，无视当前会话，在同一个域中被共同访问、使用。2. sessionStorage ：

html5表单新特性学习的笔记，记录备忘。效果图：代码： form表单 form{width:300px;line-height: 38px;} input{width:180px;height:27px;border-radius: 3px;border:1px solid #ABA9A9;font-size: 14px;p

html5 视频音频制作学习的笔记，记录备忘。效果图：代码： 视频播放器 .video_box{float: left;} .audio_box{float: left;margin-left: 160px;} 视频播放器 video标签

学习中做的笔记。一张图告诉你有那些知识代码：说明在注释中 html5新标签 * {margin: 0;padding: 0;} a{text-decoration: none;display: inline-block;} header {width: 100%;height: 54px;color: #fff;backgroun

以下内容是学习期间整理，有些语句是便于理解，便于快速入门写的。并不权威。表格： 用的不多，如果想用可以考试datatables，完成了排序，分页，查询等功能，十分强大。pre标签：一般用于表示计

以下内容是学习期间整理，有些语句是便于理解，便于快速入门写的。并不权威。表单是灰常重要的内容；灰常重要的内容；灰常重要的内容；重要的事情说三遍。表单直接与后台挂钩，想现在的登入界面都是用表单提交用户的帐号密码传给后台，后台判断再反馈信息给用户。非常重要又非常简单一下只是单纯的页面，没有交互代码，放心去学吧表单结构： 带按钮的表单： userna

以下内容是学习期间整理，有些语句是便于理解，便于快速入门写的。并不权威。标题标签：h1~h6 随着数字越大，字体越小，理论上h1只有一个 我是标题标签h1 我是标题标签h2 我是标题标签h3 我是标题标签h4 我是标题标签h5 我是标题标签h6段落标签（p）：段落标签字体标签（font）：学习css以

语法知识内容：html简介，html文档结构说明，<!doctype>标签，开发工具介绍及下载Html（Hyper text Markup Language）：超文本标记语言HTML 标记标签通常被称为 HTML 标签 HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和  HTML 标签对中的第一个标签是开始标签，第二个标签是结束标签Html文档结构说明  HTML的结构包括头部（head）、主体（body）两大部分