<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ZzStant的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ZzStant</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZzStant]]></copyright><item><title><![CDATA[JavaScript对象]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102800629</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102800629</guid><author>ZzStant</author><pubDate>Tue, 29 Oct 2019 15:42:39 +0800</pubDate><description><![CDATA[文章目录1.JavaScript对象2.对象定义3.对象属性4.访问对象属性5.对象方法6.访问对象方法
1.JavaScript对象
JavaScript 对象是拥有属性和方法的数据。
在 JavaScript中，几乎所有的事物都是对象。
以下代码为变量 car 设置值为 “Fiat” :
var car = "Fiat";

对象也是一个变量，但对象可以包含多个值（多个变量）。
var car...]]></description><category></category></item><item><title><![CDATA[JavaScript数据类型]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102668048</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102668048</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 17:25:52 +0800</pubDate><description><![CDATA[文章目录1.JavaScript 数据类型2.JavaScript 拥有动态类型3.JavaScript 字符串4.JavaScript 数字5.JavaScript 布尔6.JavaScript 数组7.JavaScript 对象8.Undefined 和 Null9.声明变量类型
1.JavaScript 数据类型
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boo...]]></description><category></category></item><item><title><![CDATA[JavaScript变量]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102667840</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102667840</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 17:17:27 +0800</pubDate><description><![CDATA[文章目录1.JavaScript 变量2.JavaScript 数据类型2.声明（创建） JavaScript 变量3.一条语句，多个变量4.Value = undefined5.重新声明 JavaScript 变量6.JavaScript 算数
1.JavaScript 变量
与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。
变量可以使用短名称（比...]]></description><category></category></item><item><title><![CDATA[JavaScript注释]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102667680</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102667680</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 17:07:29 +0800</pubDate><description><![CDATA[文章目录1.JavaScript 注释2.JavaScript 多行注释3.使用注释来阻止执行4.在行末使用注释
1.JavaScript 注释
avaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。
单行注释以 // 开头。
本例用单行注释来解释代码：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head...]]></description><category></category></item><item><title><![CDATA[JavaScript语句]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102667336</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102667336</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 17:00:14 +0800</pubDate><description><![CDATA[文章目录1.JavaScript 语句2.分号3.JavaScript 代码4.JavaScript 代码块5.JavaScript 语句标识符6.空格7.对代码行进行折行
1.JavaScript 语句
JavaScript 语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
下面的 JavaScript 语句向 id=“demo” 的 HTML 元素输出文本 “你好 Dolly”...]]></description><category></category></item><item><title><![CDATA[JavaScript用法]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102667062</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102667062</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 16:49:33 +0800</pubDate><description><![CDATA[文章目录1.`1.&lt;script&gt; 标签
如需在 HTML 页面中插入 JavaScript，请使用  会告诉 JavaScript 在何处开始和结束。
 之间的代码行包含了 JavaScript:
2.&lt;body&gt; 中的 JavaScript
在本例中，JavaScript 会在页面加载时向 HTML 的  写文本：
&lt;!DOCTYPE html&gt;
&lt;h...]]></description><category></category></item><item><title><![CDATA[CSS-图像拼合]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102666674</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102666674</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 16:34:41 +0800</pubDate><description><![CDATA[文章目录1.图像拼合 - 简单实例2.图像拼合 - 创建一个导航列表3.图像拼合s - 悬停效果
1.图像拼合 - 简单实例
有了CSS，我们可以只显示我们需要的图像的一部分。
在下面的例子CSS指定显示 “img_navsprites.gif” 的图像的一部分：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="u...]]></description><category></category></item><item><title><![CDATA[CSS-属性选择器]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102666161</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102666161</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 16:17:55 +0800</pubDate><description><![CDATA[文章目录1.属性选择器2.属性和值选择器3.属性和值的选择器 - 多值4.表单样式
1.属性选择器
下面的例子是把包含标题（title）的所有元素变为蓝色：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
[title]
{
color:blue;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;b...]]></description><category></category></item><item><title><![CDATA[CSS-网页布局]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102665655</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102665655</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 16:06:03 +0800</pubDate><description><![CDATA[文章目录1.头部区域2.菜单导航区域3.内容区域4.底部区域
1.头部区域
头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;title&gt;CSS 网页布局&lt;/title&gt;
&lt;meta nam...]]></description><category></category></item><item><title><![CDATA[CSS-计数器]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102665384</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102665384</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 15:52:46 +0800</pubDate><description><![CDATA[文章目录1.使用计数器自动编号2.嵌套计数器
1.使用计数器自动编号
CSS 计数器根据规则来递增变量。
CSS 计数器使用到以下几个属性：
counter-reset - 创建或者重置计数器
counter-increment - 递增变量
content - 插入生成的内容
counter() 或 counters() 函数 - 将计数器的值添加到元素
要使用 CSS 计数器，得先用 coun...]]></description><category></category></item><item><title><![CDATA[CSS-表单]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102664772</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102664772</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 15:41:17 +0800</pubDate><description><![CDATA[文章目录1.输入框(input) 样式2.输入框填充3.输入框(input) 边框4.输入框(input) 颜色5.输入框(input) 聚焦6.输入框(input) 图标7.带动画的搜索框8.文本框（textarea）样式9.下拉菜单（select）样式10.按钮样式
1.输入框(input) 样式
使用 width 属性来设置输入框的宽度：
&lt;!DOCTYPE html&gt;
&lt;...]]></description><category></category></item><item><title><![CDATA[CSS-图片廊]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102664585</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102664585</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 15:21:13 +0800</pubDate><description><![CDATA[文章目录1.图片廊2.响应式图片廊
1.图片廊
以下是使用 CSS 创建图片廊：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt; 
&lt;title&gt;&lt;/title&gt;  
&lt;style&gt;
div.img {
    margin: 5px;
    border...]]></description><category></category></item><item><title><![CDATA[CSS-导航栏]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/102663581</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/102663581</guid><author>ZzStant</author><pubDate>Mon, 21 Oct 2019 14:52:25 +0800</pubDate><description><![CDATA[文章目录1.垂直导航栏2.激活当前导航条3.创建连接并添加边框4.全屏高度的固定导航条
1.垂直导航栏
作为标准的HTML基础一个导航栏是必须的。在我们的例子中我们将建立一个标准的HTML列表导航栏。导航条基本上是一个链接列表，所以使用 &lt;ul&gt; 和 &lt;li&gt;元素非常有意义：
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&...]]></description><category></category></item><item><title><![CDATA[CSS布局 - 水平 & 垂直对齐]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101034155</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101034155</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 20:20:47 +0800</pubDate><description><![CDATA[目录1.元素居中对齐2.文本居中对齐3.图片居中对齐4.左右对齐 - 使用定位方式5.左右对齐 - 使用 float 方式6.垂直居中对齐 - 使用 padding7.垂直居中 - 使用 line-height8.垂直居中 - 使用 position 和 transform
1.元素居中对齐
要水平居中对齐一个元素(如 &lt;div&gt;), 可以使用 margin: auto;。
设置到元素...]]></description><category></category></item><item><title><![CDATA[CSS Position(定位)]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101033055</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101033055</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 19:40:39 +0800</pubDate><description><![CDATA[目录1.static 定位2.fixed 定位3.relative 定位4.absolute 定位5.sticky 定位6.重叠的元素
position 属性指定了元素的定位类型。
position 属性的五个值：static relative fixed absolute sticky
元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也...]]></description><category></category></item><item><title><![CDATA[HTML贪吃蛇小游戏]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101028046</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101028046</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 16:57:27 +0800</pubDate><description><![CDATA[HTML贪吃蛇小游戏
代码如下：

&lt;!DOCTYPE HTML&gt; 
&lt;html&gt; 
	&lt;meta charset="utf-8"&gt;
&lt;body&gt; 
&lt;canvas id="myCanvas" width="400" height="400" style="border:1px solid #c3c3c3;"&gt;&lt;/canvas&gt...]]></description><category></category></item><item><title><![CDATA[HTML俄罗斯方块小游戏]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101027458</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101027458</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 16:51:09 +0800</pubDate><description><![CDATA[[HTML俄罗斯方块小游戏]
代码如下：

&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;俄罗斯方块&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;div id = "box"
             ...]]></description><category></category></item><item><title><![CDATA[HTML特殊字符编码大全]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101026120</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101026120</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 16:29:55 +0800</pubDate><description><![CDATA[[HTML特殊字符编码大全]
特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	&amp;Alpha;	&amp;#913;	         Β	&amp;Beta;	&amp;#914;	      　   Γ	&amp;Gamma;	&amp;#915;
Δ	&amp;Delta;	&amp;#916;	         Ε	&amp;Eps...]]></description><category></category></item><item><title><![CDATA[HTML表单标签和HTML5新标签]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101023211</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101023211</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 15:49:01 +0800</pubDate><description><![CDATA[[HTML表单标签和HTML5新标签]
目录[HTML表单标签和HTML5新标签]1. HTML表单标签1.1input 控件1.2.label标签1.3.textarea控件1.4.下拉菜单1.5.表单域2.HTML5新标签2.1.文档类型设定2.2.常用新标签2.3.常用的input type属性值2.4.常用新属性2.5.多媒体标签2.5.1.多媒体 audio2.5.2.多媒体 video...]]></description><category></category></item><item><title><![CDATA[HTML表格]]></title><link>https://blog.youkuaiyun.com/ZzStant/article/details/101020664</link><guid>https://blog.youkuaiyun.com/ZzStant/article/details/101020664</guid><author>ZzStant</author><pubDate>Thu, 19 Sep 2019 14:27:52 +0800</pubDate><description><![CDATA[[HTML表格]
目录[HTML表格]1.创建表格2.表格属性3.表格标签4.表格结构5.表格标题6.合并单元格7.总结表格
1.创建表格
在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：

在浏览器显示如下： …  …  单元格内的文字
在上面的语法中包含三对HTML标签，分别为 &lt;table&gt;&lt;/table&gt;、&lt;tr&gt;&...]]></description><category></category></item></channel></rss>