悦轩饼家项目

商品列表---

知识点---

1.有序列表

ul 和ol都是是块级元素可以定义宽和高 。

<li>表示行排列不要单独使用，需要放在<ul>和<ol>里面配合使用，不然会导致代码混乱，不好维护等其他问题。

2.无序列表

ul 和ol都是是块级元素可以定义宽和高 。

<li>表示行排列不要单独使用，需要放在<ul>和<ol>里面配合使用，不然会导致代码混乱，不好维护等其他问题。

3.定义列表

1. 自定义列表不仅仅是一列项目，而是项目及其注释的组合。

3. 自定义列表以 <dl> 标签开始；

5. 每个自定义列表项以 <dt> 开始；

7. 每个自定义列表项的定义以 <dd> 开始。

9. （定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等）

4.css精灵图

所谓精灵图就是图片拼合技术，它就是把多张小图合成一张大图，通过css中的background-position属性，显示精灵图中某一个小图标。

5.浮动布局

浮动可以设置元素，脱离正常的文档流，向右或者向左，靠近父元素的边缘或者是设置了浮动的其他的元素的边缘靠拢。比如， 我们使用div等块标签的时候，它们都是独占一行，但是很多时候要将多个div并排放置，这种情况就可以使用浮动布局。

通过这些内容让项目变得更加完整