<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<ul type="square">
<li>动物
<ul type="disc">
<li>两栖动物31</li>
<li>爬行动物2
<ul type="circle">
<li>蜥蜴1</li>
<li>壁虎2</li>
</ul>
</li>
</ul>
</li>
<li>植物</li>
</ul>
</body>
</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<ol>
<li>大师兄孙悟空</li>
<li>二师兄猪八戒</li>
<li>三师弟沙和尚</li>
</ol>
<ol>
<li type="1" value="1">第一名状元</li>
<li type="a">第二名榜眼</li>
<li type="I">第三名探花</li>
</ol>
</body>
</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>定义列表</title>
</head>
<body>
<dl>
<dt>红色</dt>
<dd>可见光谱中波长末端的颜色。</dd>
<dd>是光的三原色和心理原色之一。</dd>
<dd>代表吉祥，喜庆，热烈，奔放，激情，斗志，革命。</dd>
<dd>分为大红，朱红，嫣红，深红，水红。</dd>
</dl>
</body>
</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>list—style—image控制列表图像</title>
<style type="text/css">
ul{list—style—image控制列表图像}
</style>
</head>
</body>
<h2>离子功效</h2>
<u1>
<li>抗衰老</li>
<li>益气健脾</li>
<li>预防骨质疏松</li>
<u1/>
</body>
</html><meta charset="utf-8">
<title>list—style属性</title>
<style type="text/css">
ul{list-style: circle inside: }
.one{list-style: outside ur1(image/1.png);}
</style>
</head>
<body>
<ul>
<li class="one">栗子的营养价值</li>
<li>包含丰富的不饱和脂肪酸和维生素，矿物质</li>
<li>富含蛋白质，核黄素，碳水化合物</li>
</ul>>
</body>
</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标签位置属性</title>
<style type="text/css">
.in{list-style-position: inside;}
.out{list-style-position: outside;}
li{ border: 1px solid #CCC }
</style>
</head>
<body>
<h2>中秋节</h2>
<ul class="in">
<li>中秋节，又称月夕，秋节，仲秋节。</li>
<li>时在农历八月十五。</li>
<li>始于唐朝初年，盛于宋朝。</li>
<li>自2008年起中秋节被列为国家法定节假日。</li>
</ul>
<ul class="out">
<li>端午节</li>
<li>除夕</li>
<li>清明节</li>
<li>重阳节</li>
</ul>
</body>
</html><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>背景属性定义列表显示符号</title>
<style type="text/css">
dd{
list-style: none; /*清除列表的默认样式*/
height: 26px；
line-height：26px
backgrond；url{image/2.png} no-repeat left center； /*为li设置背景图像*/
padding-left：26px
}
</style>
</head>
<body>
<h2>熊猫</h2>
<dl>
<dt>img src=“images/xiongmao，jpg”</dt>
<dd>黑眼圈</dd>
<dd>肥胖腰</dd>
<dd>圆滚滚</dd>
</dl>
</body>
</html><doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表显示符号</title>
<style type="text/css">;
ul{list-style-type: square;}
ol{list-style-type: decimal;}
</style>
</head>
<body>
<h3>红色</h3>
<ul>
<li>大红</li>
<li>朱红</li>
<li>嫣红</li>
</ul>
<h3>蓝色</h3>
<ol>
<li>群青</li>
<li>普蓝</li>
<li>湖蓝</li>
</ol>
</body>
</html>doctype html>
<html>
<head>
<meta charset="utf-8">
<title>超链接的伪类选择器</title>
<style type="text/css">;
a{ margin-right: 20px; }
a：link，a；visited{
color: #000;
text-decoration: none;
}
a：hover{
color: #093;
text-decoration: underline;
}
a；active{ color: #FC0; }
</style>
</head>
<body>
<a href="#">公司首页</a>
<a href="#">公司简介</a>
<a href="#">产品简介</a>
<a href="#">联系我们</a>
</body>
</html><doctype html>
<html>
<head>
<meta charset="utf-8">
<title>锚点链接</title>
</head>
<body>
世界设计大师；
<ul>
<li><a href="#one">福田繁雄</a></li>
<li><a href="#two">西摩切瓦丝特</a></li>
<li><a href="#three">冈特蓝堡</a></li>
<li><a href="#four">原研哉</a></li>
<li><a href="#five">田中一光</a></li>
</ul>
<h3 id="one">福田繁雄</h3>
<p>福田繁雄，1932年生于日本，1951 毕业于岩手县立福冈高等学校，1956年毕业于东京国立艺术大学，1967 IBM画廊个展(纽约)，1997 日本通产省设计功劳奖--紫绶勋章，1998 东京艺术大学美术馆评委，曾任日本平面设计协会主席、国际平面设计联盟(AGI)会员、美国耶鲁大学、中国四川大学、东京艺术大学客座教授、日本图形创造协会主席、国际广告研究设计中心名誉主任，2009年1月11日晚上10:30时于东京因脑溢血过世。</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h3 id="two">西摩切瓦丝特</h3>
<p>国际著名设计大师，毕业于美国Cooper州立艺术学院，1954年创立著名的波什平(Pushpin)集团公司，国际平面设计师联盟AGI、AIGA会员，领导了20世纪新美国视觉设计运动，他与福田繁雄(日)、冈特兰堡(德)并称"世界三大平面设计师" 。</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h3 id="three">冈特兰堡</h3>
<p>第二次世界大战结束之后，在欧洲和美国的平面设计形成了新流派--观念形象设计。这个强调视觉传达的准确性、形象性和理性的新流派是战后平面设计的重要发展之一，在平面设计史上具有重要的历史意义和现实意义。它与现代艺术运动有着密切的关系，这个设计运动的艺术影响因素之一是现代主义艺术运动的各种风格，特别是立体主义、象征主义、未来主义等等。从20世纪60年代开始，欧洲的观念形象设计流派代表便是"视觉诗人"派</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h3 id="four">原研哉</h3>
<p>原研哉 (Kenya Hara)，1958年06月11日出生于日本，日本中生代国际级平面设计大师、日本设计中心的代表、武藏野美术大学教授，无印良品(MUJI)艺术总监。设计领域泛于长野冬季奥运开、闭幕式节的节目纪念册和2005年爱知县万国博览会的文宣设计中，工作室业务范围包括有海报、包装、推广项目与活动计划等整体设计工作。伊势丹、味之素、竹尾花纸、米其林车胎、华高莱内衣与历家威士忌酒等。</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h3 id="five">田中一光</h3>
<p>田中一光，日本平面设计师，1930年出生于奈良市一个世代以"鱼万"为商号的商业之家。1950 年毕业于日本京都美术学院，后与人合作创办日本设计中心。1960 年成为该中心的艺术指导。1963 年成立了田中一光设计工作室。2002年1月10日晚田中一光因病抢救无效逝世，终年71岁，终身未婚。</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
