03 2017 档案
摘要：任务目的 了解HTML的定义、概念、发展简史 掌握常用HTML标签的含义、用法 能够基于设计稿来合理规划HTML文档结构 理解语义化，合理地使用HTML标签来构建页面 任务描述 参考示例图（点击查看），完成一个HTML页面代码编写（不写CSS，不需要关注样式，只关注文档结构） 任务注意事项 只需要完
阅读全文
摘要：事件类型（event type） 定义：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。事件类型是一个用来说明发生什么类型事件的字符串。像鼠标悬浮，按下键盘等。我们也可以把事件类型叫做事件名字，用特定的名字来标识所谈论
阅读全文
摘要：JavaScript对象 JavaScript对象是基本数据类型之一，是复合型数据； JavaScript中几乎所有事物都是做对象； JavaScript的对象是拥有属性和方法的数据； JavaScript 中的对象可以简单理解成"名称:值"对(name:value)。 JavaScript中的对象
阅读全文
摘要：什么是函数？ 函数是完成某一功能的代码段，并且可重复执行和方便管理维护的代码段。 自定义函数 1、通过function关键字，如： 需要注意的问题是：函数名称不要包含特殊字符、最好含义明确、最好遵循驼峰标记法或者下划线、严格区分大小写；函数名称如果重复会产生覆盖；函数可以有参数也可以没有参数，可以有
阅读全文
摘要：JavaScript表达式 表达式是用于JavaScript脚本运行时进行计算的式子，可以包含常量、变量和运算符 JavaScript运算符 1、算术运算符：+、-、*、/、%、++、--；注意（只要+连接的操作数中有一个是字符串型，Js就会自动把非字符串型数据作为字符串型数据来处理；Js代码的执行
阅读全文
摘要：JavaScript数据类型 1、原始数据类型： 数值型，如十进制数、十六进制数、八进制数和特殊值（Infinity、NaN），注意：NaN不能和自身比较 字符串型，如定界符、转义符； 布尔类型。 2、复合数据类型： 对象（object）； 数组（array）； 函数（function）。 3、特殊
阅读全文
摘要：JavaScript三种使用方式 JavaScript代码屏蔽 JavaScript内容显示的位置 JavaScript中的错误及解决方法 1、语法错误：通过控制台可以检查并解决。 2、逻辑错误：通过alert（）插入来进行判断并解决。 JavaScript中的小案例 1、输出1~100之间奇数或者
阅读全文
摘要：1、 问题描述如图： 问题解释：意思就是execute（）方法写错了。 问题解决： 改正：
阅读全文
摘要：1、制作如图三角形效果： 步骤一：将右侧盒子设置为相对定位 步骤二：在右侧盒子里面新建个子盒子，设置宽高相等，为正方形，绝对定位 步骤三：将绝对定位的盒子用CSS3旋转属性旋转 2、制定如图的序列号 步骤一：利用CSS中的伪类元素在父元素前插入另一个元素，并设置一个计数器和相关样式 步骤二：在父元素
阅读全文
摘要：这个项目是制作一个学院的简单新闻网站，使用了HTML 5+CSS 3，以及相关的jquery插件（轮播图）进行搭建。布局方面因为不考虑响应式布局，因此没有使用float属性，而是利用display：inline-block属性进行布局。 说到HTML 5和CSS 3就不得不提各大浏览器对其的兼容器，
阅读全文
摘要：1、解决搜索框和按钮不对齐的方法 vertical-align属性只有两个元素设置为display：inline-block才有效 2、盒子莫名的分行现象 问题描述：比如父盒子宽度为960px，两个左右子盒子宽度分别为500px和440px，设置display：inline-block或者float
阅读全文
摘要：flexbox详解 flexbox的出现是为了解决复杂的web布局，因为这种布局方式很灵活。容器的子元素可以任意方向进行排列。此属性目前处于非正式标准。 flex布局模型不同于块和内联模型布局，块和内联模型的布局计算依赖于块和内联的流方向，而flex布局依赖于flex directions.简单的说
阅读全文
摘要：CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局，即使它们的大小是未知或者动态的，这里简称为Flex。 1、如何才能让DIV的宽度跟随浏览器窗口变化而变换呢？在CSS3中我们只要使用一个b
阅读全文
摘要：CSS3多列布局columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样
阅读全文
摘要：CSS3动画 过渡属性transiton-property 早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获
阅读全文
摘要：CSS3变形篇 旋转rotate（） 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。 例子： 扭曲skew（） 扭曲skew
阅读全文
摘要：设置背景图片的原始起始位置，语法为： 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 例子： 背景图片的裁剪，语法为： 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip
阅读全文
摘要：@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： 例子：
阅读全文
摘要：text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hi
阅读全文
摘要：CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。首先来了解下线性渐变的语法： 第一个参数是指定渐变的方向，可以用角度的关键词或英文来表示。第一个参数省略时，默认为180deg，等同于to bottom： 第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色
阅读全文
摘要：CSS3图片边框 顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似，语法规则：
阅读全文
摘要：属性选择器 结构性伪类选择器 UI状态伪类选择器 CSS其他选择器
阅读全文
摘要：HTML 5拖放 拖放的步骤： 1、对象元素的draggable属性设置为true，还需要注意的是a元素和img元素必须指定href。 2、编写与拖放有关的事件处理代码： DataTransfer对象的属性和方法： 设置拖放时的视觉效果： dropEffect属性与effectAllowed属性结合
阅读全文
摘要：本地存储Web Storage 使用HTML 5的Web Storage功能，可以在客户端存储更多的数据，而且可以实现数据在多个页面中共享甚至是同步。 cookie存储数据的不足 cookie可用于在程序间传递少量的数据，对于web应用来说，它是一个在服务器和客户端之间来回传送文本值的内置机制，服务
阅读全文
摘要：json是什么？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、
阅读全文
摘要：表单的作用 表单不是表格，既不用来显示数据，也不用来布局网页。表单提供一个界面，一个入口，便于用户把数据提交给后台程序进行处理。 表单的数据传递方式method属性 表单的method属性用于指定在数据提交到服务器时使用哪种HTTP提交方法，其值有两种，get和post。默认是get方法，而post
阅读全文
摘要：<canvas>标签 在网页中使用canvas元素，像使用其他HTML标签一样简单，然后利用JavaScript脚本调用绘图API，绘制各种图形。canvas拥有多种绘制路径、矩形、圆形、字符及添加图形的方法。 利用<canvas>标签绘图基本流程 1、获取canvas对象 2、创建二维的绘图上下文
阅读全文
摘要：早上九点起来，吃了点饼干就开始学习HTML 5相关的知识，这次做笔记非常认真，但是速度却是很慢。 虽然有了一些HTML 5的基础，然而直到现在还没有将HTML 5的知识点全部总结好，今天在canvas那块废了很多的时间，那一块也是较为重要和需要花时间去记忆、练习的。 到了晚上九点和朋友去操场跑了五圈
阅读全文
摘要：使用HTML 5结构标签 <article> <article>标签可以在网页中定义独立的内容，包括文章、博客和用户评论等。一个article元素通常有它自己的标题，一般放在一个<header>标签中，有时还有自己的脚注，如： <article>标签是可以嵌套使用的，当该标签进行嵌套使用的时候，内部
阅读全文
摘要：了解HTML 5 HTML5 并非仅仅用来表示web内容，它的使命是将web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及与电脑的交互都被标准化。 HTML 5概述 HTML 5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，希望通过HTML
阅读全文
摘要：canvas是HTML 5中非常重要的一个标签，关于它的功能和使用方法在这我就不一一细谈了，毕竟网上相关知识太多，而且自认为如果是我总结那些知识会让读者看的更乱，所以我就不白费力气了，贴上链接：http://www.w3school.com.cn/tags/html_ref_canvas.asp 关
阅读全文
摘要：今天看了一本由人民邮电出版社出版、邢薇薇 郭俊飞 王雪翻译的《HTML 5网页设计入门必读》，在此整理一下知识点，以及写一些自己的读后感。 本书的开章还是和大部分HTML 5书籍一样，用极简同时又让人感到懵的故事片段介绍了HTML 5的由来。本章总结就是要让我们记住，HTML 5并不是一门凭空捏造出
阅读全文
