<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Great_Wow的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Great_Wow</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Great_Wow]]></copyright><item><title><![CDATA[H5图标]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108562533</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108562533</guid><author>Great_Wow</author><pubDate>Sun, 13 Sep 2020 14:54:39 +0800</pubDate><description><![CDATA[实例:



  该图标背后有放射状线条

实例代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;HTML5 logo&lt;/title&gt;
	&lt;!-- &lt;link rel="stylesheet" type="text/css" href="logo.css"&gt; --&gt;
	&lt;style type="te..]]></description><category></category></item><item><title><![CDATA[天气预报图片制作]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108562141</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108562141</guid><author>Great_Wow</author><pubDate>Sun, 13 Sep 2020 14:23:15 +0800</pubDate><description><![CDATA[实例:



实例代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;Weather Forecast&lt;/title&gt;
	&lt;style &gt;
		/*设置外部大盒子的背景图片,宽度,高度*/
		.backimage{
			margin:0 auto;
			width: 790px;
			height: 500px;
]]></description><category></category></item><item><title><![CDATA[DIV+CSS网页结构布局(精灵图)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108562053</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108562053</guid><author>Great_Wow</author><pubDate>Sun, 13 Sep 2020 14:17:20 +0800</pubDate><description><![CDATA[实例:



示例代码:


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/h]]></description><category></category></item><item><title><![CDATA[爱奇艺轮播图滚动]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108561792</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108561792</guid><author>Great_Wow</author><pubDate>Sun, 13 Sep 2020 14:08:07 +0800</pubDate><description><![CDATA[实例:



实例代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;视频标签栏切换&lt;/title&gt;
    &lt;style&gt;
        * {
]]></description><category></category></item><item><title><![CDATA[7个简单进度条制作（五、六、七）]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108531203</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108531203</guid><author>Great_Wow</author><pubDate>Fri, 11 Sep 2020 11:42:21 +0800</pubDate><description><![CDATA[实例：



实例步骤：

  第一个进度条

 外部创建一个盒子
	内部创建一个左右边框宽度为10像素白色边框，上下边框宽度为10像素半透明白色边框，中间颜色与背景色相同的div盒子
	让div盒子自转
  第二个进度条

外部创建一个盒子
	内部创建一个5像素边框的li属性，再创建一个div盒子，使用绝对定位，将div移动到li属性上
	让li属性和div盒子共同旋转
实例代码：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt...]]></description><category></category></item><item><title><![CDATA[7个简单进度条制作(四）]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108530599</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108530599</guid><author>Great_Wow</author><pubDate>Fri, 11 Sep 2020 11:25:04 +0800</pubDate><description><![CDATA[实例：



实例步骤：

外侧创建一个div盒子
	内部创建一个小盒子，移动到中心位置，颜色为背景色
	创建两个宽度与高度稍大于中心小盒子
实例代码：


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;progress&lt;/title&gt;
	&lt;style&gt;
		body{
			background-color: #808080;]]></description><category></category></item><item><title><![CDATA[7个简单进度条制作(三)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108529947</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108529947</guid><author>Great_Wow</author><pubDate>Fri, 11 Sep 2020 10:56:15 +0800</pubDate><description><![CDATA[实例:



实例步骤:

创建一个外部盒子
	在盒子左侧创建一个div盒子,用border-radius变成圆形
实例代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;progress&lt;/title&gt;
	&lt;style&gt;
		body{
			background-color: #808080;
		}
		div{
	]]></description><category></category></item><item><title><![CDATA[7个简单进度条制作(二)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108527806</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108527806</guid><author>Great_Wow</author><pubDate>Fri, 11 Sep 2020 09:40:38 +0800</pubDate><description><![CDATA[实例:



实例步骤:

 创建一个外部盒子
	在外部盒子内部创建四个小盒子
	在矩形条中添加相应样式和过渡属性
实例代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;progress&lt;/title&gt;
	&lt;style&gt;
		body{
			background-color: #808080;
		}
		div{
.]]></description><category></category></item><item><title><![CDATA[7个简单进度条制作 (一)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/108526891</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/108526891</guid><author>Great_Wow</author><pubDate>Fri, 11 Sep 2020 09:33:58 +0800</pubDate><description><![CDATA[示例:




]]></description><category></category></item><item><title><![CDATA[表单控件实例(含JavaScript验证]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/105369639</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/105369639</guid><author>Great_Wow</author><pubDate>Tue, 07 Apr 2020 17:48:28 +0800</pubDate><description><![CDATA[此表单控件分为含JS验证和不含JS验证(具体详情请参照表单控件实例1(不含JavaScript验证))
	



​​&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;From Validation&lt;/title&gt;
	&lt;st...]]></description><category></category></item><item><title><![CDATA[表单控件的实例(不含JavaScript验证)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/105312552</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/105312552</guid><author>Great_Wow</author><pubDate>Sat, 04 Apr 2020 16:45:22 +0800</pubDate><description><![CDATA[图例:





要点:



使用两个嵌套盒子
	表单控件的相关属性应用
	左侧文字 , 右侧文本框分别左对齐


相关代码:




​&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;From Validation&lt;/titl...]]></description><category></category></item><item><title><![CDATA[利用HTML做一个课程表]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/105165268</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/105165268</guid><author>Great_Wow</author><pubDate>Sat, 28 Mar 2020 17:56:14 +0800</pubDate><description><![CDATA[↵



步骤:

    观察该表,建立一个14行*8列的表格
	    第一行合并成一个单元格
	    从第2行1列起,后面的每两行进行合并
	    添加相应的文字及背景颜色
代码片段:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8...]]></description><category></category></item><item><title><![CDATA[Transition属性的使用实例]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/105134986</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/105134986</guid><author>Great_Wow</author><pubDate>Fri, 27 Mar 2020 10:24:19 +0800</pubDate><description><![CDATA[file:///D:/Great%20Wow/Desktop/HTML%E4%BD%9C%E4%B8%9A/%E8%BF%87%E6%B8%A1%E4%B8%8E%E5%8F%98%E5%BD%A2%E7%9A%84%E7%BB%BC%E5%90%88%E5%BA%94%E7%94%A8/%E8%BF%87%E6%B8%A1%E4%B8%8E%E5%8F%98%E5%BD%A2%E7%9A%84%...]]></description><category></category></item><item><title><![CDATA[HTML5语义化结构标签(2)]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/104798793</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/104798793</guid><author>Great_Wow</author><pubDate>Wed, 11 Mar 2020 17:23:35 +0800</pubDate><description><![CDATA[3.页面交互元素

1.details和summary元素

  details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details 元素的第一个子元  素,用于为details定义标题.标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。



2.progress元素

   用于表示一个任务的完成进度,只...]]></description><category></category></item><item><title><![CDATA[HTML5语义化结构标签(1]]></title><link>https://blog.youkuaiyun.com/Great_Wow/article/details/104796771</link><guid>https://blog.youkuaiyun.com/Great_Wow/article/details/104796771</guid><author>Great_Wow</author><pubDate>Wed, 11 Mar 2020 15:59:49 +0800</pubDate><description><![CDATA[1.结构元素

Header元素

 一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容

基本格式:&lt;header&gt;

         &lt;h1&gt;网页主题&lt;/h1&gt;

       &lt;/header&gt;



nav元素

 用于定义导航链接,可将具有导航性质的链接归纳在一个区域,是页面元...]]></description><category></category></item></channel></rss>